From 14b995f68a7f801416915c28698d4dd39ee44404 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Fri, 29 May 2026 17:44:24 +0200 Subject: [PATCH] Fix pulldown panel viewport fallback for iOS --- styles/10-components-interactive-elements.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css index 33759d9..ae89094 100644 --- a/styles/10-components-interactive-elements.css +++ b/styles/10-components-interactive-elements.css @@ -1090,7 +1090,7 @@ width: max-content; max-width: min( var(--layout-multiselect-pulldown-panel-desktop-width), - calc(100dvw - (2 * var(--spacing-large))) + calc(100vw - (2 * var(--spacing-large))) ); box-sizing: border-box; padding-block: var(--spacing-large); @@ -1100,6 +1100,15 @@ box-shadow: var(--shadow-overlay); } + @supports (width: 100dvw) { + .sg-pulldown-panel { + max-width: min( + var(--layout-multiselect-pulldown-panel-desktop-width), + calc(100dvw - (2 * var(--spacing-large))) + ); + } + } + .sg-pulldown-demo[data-open="true"] .sg-pulldown-panel { display: inline-flex; }