New Bases "suggestion-container" appears behind "query-toolbar-menu"

Steps to reproduce

  1. Click on “Filters”
  2. Click on “Property” or other input item that has the suggestion container

Expected result

For the “suggestion-container” to appear in front of the “query-toolbar-menu” so that I can see all my options

Actual result

The “suggestion-container” to appear in front of the “query-toolbar-menu”.

Environment

SYSTEM INFO:
Obsidian version: v1.9.1
Installer version: v1.7.7
Operating system: Windows 11 Pro 10.0.26100
Login status: logged in
Language: en
Catalyst license: insider
Insider build toggle: on
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 18
Restricted mode: off
Plugins installed: 18
Plugins enabled: 17
1: Calendar v1.5.10
2: Completed Task Display v1.0.3
3: CustomJS v1.0.21
4: Dataview v0.5.68
5: Definition List v0.2.3
6: File Explorer Note Count v1.2.3
7: File Explorer++ v1.2.1
8: Find orphaned files and broken links v1.10.1
9: Bulk Rename v0.5.2
10: Image Toolkit v1.4.2
11: Relative Line Numbers v3.0.0
12: Sort & Permute lines v0.7.0
13: Clear Unused Images v1.1.1
14: QuickAdd v1.2.1
15: Advanced Tables v0.20.1
16: Templater v2.9.1
17: Tag Wrangler v0.6.4

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

Raising the z-index in my CSS snippets fixes the issue.

Does this behavior happen in the sandbox? Sandbox vault - Obsidian Help

No it doesn’t. This is happening in my vault too but I haven’t been able to track down what plugin or settings may be causing it.

The “Image Toolkit” plugin causes this behavior for me.

I can confirm, the Image Toolkit plugin is causing this for me as well.

I appreciate the responses. I went and disabled the Image Toolkit plugin and things were working as expected. I didn’t expected an interaction like that to occur. My apologies.

The following CSS in the Image Toolkit is what causes the suggestion container to appear being the query toolbar menu:

.menu {
    z-index: var(--layer-menu);
}

The last commit for this plugin was 7 months, so it may be unmaintained at this point. Going into the plugin folder and commenting out the code resolved the issue.

1 Like

I just used a quick CSS hack to get around this.

body > div.menu.query-toolbar-menu.mod-filters {
    z-index: 1;
}
1 Like

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