fix: listbox size on small screens should not exceed screen width

nl-design-system · Dec 27, 2024 · 7a8910c · 7a8910c
1 parent d25537e
commit 7a8910c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/neat-beers-travel.md b/.changeset/neat-beers-travel.md
@@ -0,0 +1,6 @@
+---
+"@utrecht/listbox-css": patch
+"@utrecht/listbox-react": patch
+---
+
+Fix Listbox size on very small screens.
diff --git a/components/listbox/src/_mixin.scss b/components/listbox/src/_mixin.scss
@@ -72,6 +72,7 @@
   font-weight: var(--utrecht-listbox-font-weight, var(--utrecht-form-control-font-weight, initial));
   inline-size: var(--utrecht-listbox-inline-size, var(--utrecht-form-control-max-inline-size));
   max-block-size: var(--utrecht-listbox-max-block-size);
+  max-inline-size: 100%;
   min-block-size: 1em;
   overflow-block: auto;
   overflow-y: auto;