@klodd/ds 3.14.2 → 3.14.4

package/js/pwa-register.js

@@ -62,28 +62,22 @@
   }
 
   /*------------------------------------------------------------
-   Safe-area cold-start-fix (iOS PWA + Safari)
-   iOS Safari beraknar env(safe-area-inset-bottom) felaktigt vid
-   forsta render - .bottom-nav landar pa fel position. Att appenda
-   ett fixed-positionerat probe-element och lasa dess
-   boundingClientRect tvingar WebKit att resolva env-varden i
-   layout-passet, vilket retroaktivt korrigerar pillen-positionen.
-
-   Probe + remove ar mer palitlig an att lasa computed style pa
-   .bottom-nav direkt - en frasch fixed-element pa varje event
-   tvingar layout regardless av cache-state.
-
-   Trippel-event-binding tacker alla cold-start-cases:
-   - DOMContentLoaded: tidigt efter document parsing
-   - load: efter att alla resurser (font, splash, etc.) laddats
-   - pageshow: iOS bfcache-restore (back/forward, switch tabs)
+   Cold-start scroll-guarantee (iOS PWA)
+   Om dokumentet inte ar scrollbart vid initial load triggar iOS
+   Safari aldrig en full viewport-stabilisering, vilket bl.a.
+   resulterar i felresolvad env(safe-area-inset-bottom). Fix: lagg
+   tillfaligt en padding-bottom som gor sidan scrollbar med 1px.
+   iOS stabiliserar sin viewport. Padding tas bort vid forsta
+   scroll-event sa layouten ar tillbaka till normal.
    ------------------------------------------------------------*/
-  function forceSafeAreaOnNav() {
-    const probe = doc.createElement('div');
-    probe.style.cssText = 'position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;';
-    doc.body.appendChild(probe);
-    void probe.getBoundingClientRect();
-    probe.remove();
+  function ensureScrollable() {
+    if (doc.documentElement.scrollHeight <= root.innerHeight) {
+      doc.documentElement.style.paddingBottom = (root.innerHeight + 1) + 'px';
+      root.addEventListener('scroll', function cleanup() {
+        doc.documentElement.style.paddingBottom = '';
+        root.removeEventListener('scroll', cleanup);
+      }, { once: true });
+    }
   }
 
   /*------------------------------------------------------------
@@ -97,7 +91,5 @@
 
   registerSW(cfg);
 
-  doc.addEventListener('DOMContentLoaded', forceSafeAreaOnNav);
-  root.addEventListener('load', forceSafeAreaOnNav);
-  root.addEventListener('pageshow', forceSafeAreaOnNav);
+  doc.addEventListener('DOMContentLoaded', ensureScrollable);
 })(typeof window !== 'undefined' ? window : globalThis, document);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klodd/ds",
-  "version": "3.14.2",
+  "version": "3.14.4",
   "description": "Klodd shared design system - tokens, components, JS",
   "main": "css/index.css",
   "bin": {