@swiftbrowser/web 0.6.5 → 0.6.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftbrowser/web",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "type": "module",
   "description": "SwiftBrowser web renderer and dev server: applies render ops from a Swift/Wasm app to the DOM inside an iPhone frame.",
   "repository": {

package/src/styles.css

@@ -2390,6 +2390,33 @@ svg[data-sb-symbol="progress.indicator"] > line:nth-child(8) { animation-delay:
   border-radius: 24px;
 }
 
+/* While a sheet slides in or out, the glass in it does not blur. What is
+   painted over a backdrop filter is composited on its own, and WebKit on
+   iOS does not draw such a layer while the card it is in runs an
+   accelerated slide that starts mostly offscreen: a bar button's text was
+   missing until the sheet had slid in, and vanished the moment a swipe let
+   go of it (the capsule under it and the title beside it, painted with the
+   card, kept sliding). Without the blur the text paints with the card. The
+   capsules keep their translucent fill, over the card's own background for
+   the 0.4 s. */
+.sb-sheet--in :is(.sb-bar-glass, .sb-navbar-back, .sb-navbar-more, .sb-button[data-sb-style="glass"]),
+.sb-sheet--out :is(.sb-bar-glass, .sb-navbar-back, .sb-navbar-more, .sb-button[data-sb-style="glass"]) {
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+
+/* For the same reason, while a sheet slides in or out, what scrolls in it
+   does not. A list or scroll view taller than the card is a scroller, which
+   WebKit on iOS composites on its own, and the bar runs over its top: the
+   bar button's text, painted over it, is then composited on its own too,
+   and was missing until a sheet of a long form had slid in (a short one,
+   which does not scroll, was fine). `hidden` keeps the scroll offset, and
+   the scroll bars are not drawn (`scrollbar-width: none`), so nothing moves. */
+.sb-sheet--in :is(.sb-list, .sb-scrollview),
+.sb-sheet--out :is(.sb-list, .sb-scrollview) {
+  overflow: hidden;
+}
+
 /* iOS 26 press feedback on Liquid Glass (src/press.ts): while a pointer is
    down on a bar button or a glass button, the glass under it (a bar
    capsule, the back and More circles, the sidebar toggle, a `.glass`