@klodd/ds 3.14.6 → 3.14.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/base/pwa.css +22 -1
- package/js/pwa-register.js +0 -20
- package/package.json +1 -1
package/css/base/pwa.css
CHANGED
|
@@ -32,10 +32,31 @@ html {
|
|
|
32
32
|
|
|
33
33
|
body {
|
|
34
34
|
margin: 0;
|
|
35
|
-
|
|
35
|
+
/* 1px scroll-buffer = tvingar sidan att vara minimalt scrollbar.
|
|
36
|
+
iOS Safari resolvar env(safe-area-inset-*) korrekt FORST nar
|
|
37
|
+
sidan ar scrollbar - utan denna buggar pillen pa korta vyer
|
|
38
|
+
(saw-tooth-test pa Hem-vyn 2026-05-12 visade 100% reproduktion
|
|
39
|
+
pa korta vyer). 1px ar visuellt oupptackbart. */
|
|
40
|
+
min-height: calc(100dvh + 1px); /* dynamic viewport + 1px scroll-buffer */
|
|
36
41
|
overscroll-behavior: contain; /* stoppar pull-to-refresh-konflikter */
|
|
37
42
|
}
|
|
38
43
|
|
|
44
|
+
/* iOS PWA cold-start safe-area-fix. En osynlig 1x1px fixed-positionerad
|
|
45
|
+
anchor i <body> ger WebKit en aktiv fixed-positioning-context som
|
|
46
|
+
resolvar env(safe-area-inset-*) korrekt vid forsta render. Stylen i
|
|
47
|
+
pwa.css (inte inline) eftersom appar har CSP utan 'unsafe-inline' i
|
|
48
|
+
style-src. pwa.css blockas i <head>, sa klassen ar parsad innan
|
|
49
|
+
<body>-elementet med klassen renderas. */
|
|
50
|
+
.kds-fixed-anchor {
|
|
51
|
+
position: fixed;
|
|
52
|
+
bottom: 0;
|
|
53
|
+
left: 0;
|
|
54
|
+
width: 1px;
|
|
55
|
+
height: 1px;
|
|
56
|
+
opacity: 0;
|
|
57
|
+
pointer-events: none;
|
|
58
|
+
}
|
|
59
|
+
|
|
39
60
|
/* HTML5 hidden-attribut respekteras alltid - oavsett vilken display-property
|
|
40
61
|
en komponent satter sig sjalv. Default UA-stylesheet har display:none for
|
|
41
62
|
[hidden] men en mer specifik komponentregel (t.ex. .my-form { display: flex })
|
package/js/pwa-register.js
CHANGED
|
@@ -61,24 +61,6 @@
|
|
|
61
61
|
});
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
/*------------------------------------------------------------
|
|
65
|
-
Permanent fixed-anchor (iOS PWA cold-start safe-area fix)
|
|
66
|
-
En 1x1px osynlig fixed-positionerad div pa <body> som ligger
|
|
67
|
-
kvar hela sidans livstid. WebKit verkar resolva env(safe-area-
|
|
68
|
-
inset-*) korrekt nar det finns minst en aktiv fixed-positioning-
|
|
69
|
-
context i layouten. Tidigare probe-element-iterationer skapade
|
|
70
|
-
+ tog bort - att lamna kvar anchorn ar mer palitligt.
|
|
71
|
-
|
|
72
|
-
aria-hidden + opacity 0 + pointer-events none - inte synligt
|
|
73
|
-
eller upptackt av screen readers / pointer-events.
|
|
74
|
-
------------------------------------------------------------*/
|
|
75
|
-
function insertFixedAnchor() {
|
|
76
|
-
const el = doc.createElement('div');
|
|
77
|
-
el.setAttribute('aria-hidden', 'true');
|
|
78
|
-
el.style.cssText = 'position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;';
|
|
79
|
-
doc.body.appendChild(el);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
64
|
/*------------------------------------------------------------
|
|
83
65
|
Public API. Anvand KloddPWA.init({...}) FORE script-laddning av
|
|
84
66
|
denna fil (sa _cfg ar satt nar getCfg() koras), eller bara lat
|
|
@@ -89,6 +71,4 @@
|
|
|
89
71
|
root.KloddPWA.config = cfg;
|
|
90
72
|
|
|
91
73
|
registerSW(cfg);
|
|
92
|
-
|
|
93
|
-
doc.addEventListener('DOMContentLoaded', insertFixedAnchor);
|
|
94
74
|
})(typeof window !== 'undefined' ? window : globalThis, document);
|