Fix pulldown panel viewport fallback for iOS

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;
     }