fix: stack z-index of listbox in popover above other content

Robbert · Robbert · commit 8f12dce23324 · 2024-11-10T19:55:34.000+01:00
diff --git a/.changeset/dull-walls-explode.md b/.changeset/dull-walls-explode.md
@@ -0,0 +1,7 @@
+---
+"@utrecht/combobox-react": patch
+"@utrecht/combobox-css": patch
+"@utrecht/component-library-react": patch
+---
+
+Stack `z-index` of listbox in popover above other content.
diff --git a/components/combobox/src/_mixin.scss b/components/combobox/src/_mixin.scss
@@ -30,7 +30,7 @@
   inset: 0;
   overflow: auto;
   position: absolute;
-  z-index: var(--utrecht-combobox-popover-z-index);
+  z-index: var(--utrecht-combobox-popover-z-index, 1);
 }
 
 @mixin utrecht-combobox__popover--block-end {

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`	`inset: 0;`
`31`	`31`	`overflow: auto;`
`32`	`32`	`position: absolute;`
`33`		`- z-index: var(--utrecht-combobox-popover-z-index);`
	`33`	`+ z-index: var(--utrecht-combobox-popover-z-index, 1);`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`@mixin utrecht-combobox__popover--block-end {`