Obsidian 1.11 Gradient Bug in Side Panel

Bug graveyard
1

Steps to reproduce

Install Obsidian 1.11 on iOS. Install any third party file explorer plugin like Notebook Navigator. Obsidian will now draw gradient shade over the plugin area, making it impossible to show toolbar icons in the plugin. See image below.
I have tried forcing z-index for the toolbar to very high values (10 000) but it has no effect.

IMG_2180
IMG_21801320Ă—786 98.8 KB

Did you follow the troubleshooting guide? [Y/N]

Yes

Expected result

I would expect Obsidian to not draw in the plugin area. If you must draw it make it in such a way so I can draw both behind and above it, and document how I do that.

Actual result

I expect you to not draw gradient in the visible plugin area.

Environment

SYSTEM INFO:
Operating system: ios 26.2 (Apple iPhone17,2)
Obsidian version: 1.11.0 (262)
API version: v1.11.0
Login status: logged in
Language: en
Catalyst license: insider
Live preview: on
Base theme: adapt to system
Community theme: Minimal v8.0.4
Snippets enabled: 1
Restricted mode: off
Plugins installed: 28
Plugins enabled: 26
1: Auto Link Title v1.5.5
2: Automatic Table Of Contents v1.7.3
3: Code Styler v1.1.7
4: Color Palette v2.15.0
5: Commander v0.5.4
6: Notebook Navigator v1.9.1
7: Dataview v0.5.68
8: Plugin Update Tracker v1.7.0
9: Pixel Perfect Image v1.0.22
10: Omnisearch v1.27.3
11: Minimal Theme Settings v8.1.1
12: Meta Bind v1.4.6
13: Linter v1.30.0
14: Hotkeys for specific files v1.4.1
15: QuickAdd v2.8.0
16: Remove Newlines v1.0.6
17: Simple Banner v0.5.9
18: Sort & Permute lines v0.7.0
19: Style Settings v1.0.9
20: Templater v2.16.2
21: Text Format v3.1.0
22: Featured Image v1.2.2
23: BRAT v1.3.2
24: Number Headings v1.16.0
25: Excalidraw v2.18.0
26: Tldraw v1.25.3
RECOMMENDATIONS:
Custom theme and snippets: for cosmetic issues, please first try updating your theme and disabling your snippets. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community theme and snippets.
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

2 Likes
2

Here’s another screenshot. As you can see the gradient doesn’t even go all the way to the left and right. Please remove it if possible, or draw it in such a way I can draw behind it (list) and in front of it (toolbar).

IMG_2185
IMG_21851320Ă—802 103 KB

3

It’s not clear from your original bug report if you tried this in a new vault, without themes, snippets and other plugins. Did you?

4

Yes I just verified this issue is replicated in a new empty vault with no themes, and only one plugin (Notebook Navigator). But it is not visible with the built-in File Explorer since you do not draw the buttons within the child view. This gradient was introduced in 1.11.

5

Thanks

6

We will fix this from our end in 1.11.2

1 Like
7

Thanks a lot!

By the way I worked a lot on the toolbar styling for my next release of Notebook Navigator (1.9.2 is out now).

Feel free to check out and use my CSS for button styling if you want the toolbar buttons of the built-in File Explorer to look more like the iOS 26 liquid glass style (glass-background pill-grouping and the “new” button on the bottom right etc). You can just search for 1.11 and you will find all styles.

8

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