From 7a8910c86e0f2d2f674bcce5accd07affa4b264e Mon Sep 17 00:00:00 2001 From: Robbert Broersma Date: Thu, 26 Dec 2024 22:00:10 +0100 Subject: [PATCH] fix: listbox size on small screens should not exceed screen width --- .changeset/neat-beers-travel.md | 6 ++++++ components/listbox/src/_mixin.scss | 1 + 2 files changed, 7 insertions(+) create mode 100644 .changeset/neat-beers-travel.md 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;