@bytebrand/fe-ui-core-autobahn 1.0.161 → 1.0.162

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.161",
+  "version": "1.0.162",
   "description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
   "main": "index.ts",
   "license": "UNLICENSED",

package/theme/md3.css

@@ -10100,9 +10100,8 @@ line-height: 31px;
   z-index: 71;
   background: var(--md-surface);
   border-radius: var(--md-r-xl) var(--md-r-xl) 0 0;
-  max-height: 92vh;
-  /* dvh: on iOS, vh is the height with the browser toolbars collapsed, so while they are shown a vh-sized bottom sheet grew under the address bar and hid its own header (title, download, close). vh stays as the fallback. */
-  max-height: 92dvh;
+  /* % of the fixed containing block, not vh/dvh: on iOS vh is the toolbars-collapsed height, and Chrome on iOS does not shrink dvh while its toolbars are shown either, so a 92vh/92dvh bottom sheet grew under the address bar and hid its own header (title, download, close). The fixed box itself always matches the visible area. */
+  max-height: 92%;
   display: flex;
   flex-direction: column;
   box-shadow: 0 -8px 30px rgba(16, 22, 42, 0.22);
@@ -14153,8 +14152,8 @@ color: #005CFF;
   flex-direction: column;
   width: 100%;
   max-width: 560px;
-  max-height: calc(100vh - 32px);
-  max-height: calc(100dvh - 32px);
+  /* % of the scrim (fixed, inset 0, 16px padding) instead of calc(100vh - 32px): see the iOS note on the mobile .mmodal below */
+  max-height: 100%;
   background: var(--md-sc-lowest, #fff);
   color: var(--md-on-surface);
   border-radius: var(--md-r-lg);
@@ -14300,9 +14299,8 @@ color: #005CFF;
   }
   .md3 .mmodal {
     max-width: 100%;
-    max-height: 92vh;
-    /* dvh: on iOS, vh is the height with the browser toolbars collapsed, so while they are shown a vh-sized bottom sheet grew under the address bar and hid its own header (title, download, close). vh stays as the fallback. */
-    max-height: 92dvh;
+    /* % of the fixed containing block, not vh/dvh: on iOS vh is the toolbars-collapsed height, and Chrome on iOS does not shrink dvh while its toolbars are shown either, so a 92vh/92dvh bottom sheet grew under the address bar and hid its own header (title, download, close). The fixed box itself always matches the visible area. */
+    max-height: 92%;
     border-radius: var(--md-r-lg) var(--md-r-lg) 0 0;
     border-bottom: 0;
     animation: mmodal-sheet-up 0.25s ease-out;