diff --git a/.changeset/neat-beers-travel.md b/.changeset/neat-beers-travel.md new file mode 100644 index 00000000000..d175d24a2a4 --- /dev/null +++ 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 index 30ea5fa374f..37ddcb0f7ae 100644 --- 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;