Linux: Tab name rendering issue

Steps to reproduce

  • Use Obsidian 1.0.0
  • Create a new tab

Expected result

The tab looks normal and says “new tab” or the name of the note

Actual result

image

Environment

  • Operating system: Fedora Workstation 36
  • Debug info:
SYSTEM INFO:
	Obsidian version: v1.0.0
	Installer version: v1.0.0
	Operating system: #1 SMP PREEMPT_DYNAMIC Wed Oct 5 21:31:17 UTC 2022 5.19.14-200.fc36.x86_64
	Login status: not logged in
	Insider build toggle: off
	Live preview: on
	Legacy editor: off
	Base theme: light
	Community theme: none
	Snippets enabled: 0
	Restricted mode: off
	Plugins installed: 8
	Plugins enabled: 5
		1: Emoji Shortcodes v2.1.2
		2: Advanced Tables v0.17.3
		3: Kanban v1.4.5
		4: LanguageTool Integration v0.3.0
		5: Obsidian Git v2.6.0

RECOMMENDATIONS:
	Community plugins: for bugs, please first try updating all your plugins to latest. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community plugins.

Additional information

I installed Obsidian with Flatpak. Don’t know if this is somehow relevant to the issue.

1 Like

Update: the issue only happens when “Window frame style” is set to “Obsidian frame”

does it happen in the sandbox vault?

Update 2: nope, it still happens even if the frame style is set to disabled. My bad.

Yes, it does

this looks like a GPU glitch/artefact.

This doesn’t happen in any other app or any other place in Obsidian though

what gpu are you using? drivers? x11 or wayland? have you tried hardware acceleration off in settings>about

Wayland, integrated Intel GPU with built-in drivers. If I try to lauch Obsidian through my NVIDIA GPU, there are a lot of visual artifacts, but this specific one does not happen. And yes, turning off hardware acceleration seems to fix the issue. So this is probably a GPU issue.

Is it still considered to be a bug with Obsian, or should I open an issue on Intel bugtracker or something?

This is beyond what we can handle. It’s possible that a future chrome/electron/wayland/gpu driver will fix this problem.

I see, thank you.

Just adding that I’m having the same issue on Wayland/Ubuntu 22.04, but I’ve discovered a possible resolution. I opened the inspector with ctrl-shift-i, then selected the tab in question and disabled the following CSS:

.workspace .mod-root .workspace-tab-header-inner-title {
     -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0px, #000000 12px);
}

Once this line disabled/commented-out, the problem seems to go away, so I’m guessing this could be resolved with a theme that overrides this rule.

3 Likes

Thanks, I’ll try to add this as a CSS snippet

I’m having the same issue in Ubuntu 22.04 with integrated Intel GPU. Disabling -webkit-mask-image also fixes the issue for me.

For someone having the same problem, here are the steps that can be used to apply the workaround:

  1. Go to “Settings → Appearance → CSS snippets” and click on the “Open snippets folder” icon. This should open a folder on the operating system file explorer.
  2. Inside the folder create a new file with .css extension (e.g., fix-tab-rendering-issue.css). Edit the file and add the following content:
.workspace .mod-root .workspace-tab-header-inner-title {
  -webkit-mask-image: initial !important;
}
  1. Back to the “CSS snippets” settings on Obsidian, the new CSS file should appear on the list (click on the “Reload snippets” icon if it doesn’t). Activate the snippet and reload Obsidian.
2 Likes

Hi pdfrod,
Unfortunately your css snippet didn’t work for me. I’m on a Windows machine and followed the instructions as you described. I saved a notepad file as a .css file with encoding set to UTF-8, reloaded the snippet and obsidian multiple times. I also made sure that my integrated Intel graphics driver was up to date, all to no avail. Any ideas? I’d greatly appreciate any feedback or advice.

Also, I am basically totally new to Obsidian and the forums (hello everyone), so I easily could have made some rookie mistake.

Addendum: I forgot to mention that while I don’t see the title in the tab, the title does appear under my mouse cursor if I let the cursor hover over the tab for a second or so, but the tab itself remains blank. Kind of annoying to have to hover over each tab to find the one I want.

The new tabs are cool, but I’m getting some graphical glitching, which sometimes makes the titles near unreadable.

This DOES occur in the Sandbox Vault. So it’s not my theme or snippets. I’m on Linux Mint.

Interestingly, this only occurs on one of my PCs both running the same OS. Not sure what that means?

image

That snippet worked for me. Is this the permanent solution?

We strongly recommend you to search the forum with possible keywords before submitting a new bug report. Please also try your repro steps with third-party plugins and custom CSS disabled and see if it’s still reproducible. If it’s an issue with third-party plugins or themes, try contacting the author for help. Once you’ve done the above, delete this line.

Steps to reproduce

I’m a new obsidian user. After I installed obsidian on the tab writing, it was shaded and just realized it was writing from the previous tab.
tabbed obsidian

Expected result

I hope this shaded writing goes away because I can’t read what tab I’m in

Actual result

fonts in tabs are still shaded or overlapping

Environment

  • Operating system:
    Linux. Xubuntu 22.04
  • Debug info:
    SYSTEM INFO:
    Obsidian version: v1.0.0
    Installer version: v1.0.0
    Operating system: #58-Ubuntu SMP Thu Oct 13 08:03:55 UTC 2022 5.15.0-52-generic
    Login status: not logged in
    Insider build toggle: off
    Live preview: on
    Legacy editor: off
    Base theme: dark
    Community theme: none
    Snippets enabled: 0
    Restricted mode: off
    Plugins installed: 1
    Plugins enabled: 1
    1: Editor Syntax Highlight v0.1.3

Additional information

will be fixed/changed 1.0.3.

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.