@klodd/ds 3.14.8 → 3.14.10
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 +20 -12
- package/package.json +1 -1
package/css/base/pwa.css
CHANGED
|
@@ -32,21 +32,23 @@ html {
|
|
|
32
32
|
|
|
33
33
|
body {
|
|
34
34
|
margin: 0;
|
|
35
|
-
/*
|
|
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 */
|
|
35
|
+
min-height: 100dvh; /* dynamic viewport - hanterar mobil-browser chrome */
|
|
41
36
|
overscroll-behavior: contain; /* stoppar pull-to-refresh-konflikter */
|
|
42
37
|
}
|
|
43
38
|
|
|
44
|
-
/* iOS PWA cold-start safe-area-fix.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
/* iOS PWA cold-start safe-area-fix. .kds-scroll-buffer ar ett block-
|
|
40
|
+
element i body-flow med fast hojd. iOS Safari resolvar env(safe-
|
|
41
|
+
area-inset-*) korrekt forst nar body's flow-content tar plats
|
|
42
|
+
bortom main-content - utan denna buggar .bottom-nav-positioneringen
|
|
43
|
+
pa korta vyer. Empiriskt bekraftat 2026-05-12: sa-debug-overlay med
|
|
44
|
+
~21px tall text-content fixade buggen oavsiktligt (CSP blockerade
|
|
45
|
+
inline-styling sa elementet renderades som default block med text).
|
|
46
|
+
.kds-scroll-buffer reproducerar den effekten permanent och osynligt.
|
|
47
|
+
|
|
48
|
+
.kds-fixed-anchor (fixed-positioning-context) kvar som belt-and-
|
|
49
|
+
braces. Stylen i pwa.css (inte inline) eftersom appar har CSP utan
|
|
50
|
+
'unsafe-inline' i style-src. pwa.css blockas i <head>, sa klasserna
|
|
51
|
+
ar parsade innan <body>-elementen renderas. */
|
|
50
52
|
.kds-fixed-anchor {
|
|
51
53
|
position: fixed;
|
|
52
54
|
bottom: 0;
|
|
@@ -57,6 +59,12 @@ body {
|
|
|
57
59
|
pointer-events: none;
|
|
58
60
|
}
|
|
59
61
|
|
|
62
|
+
.kds-scroll-buffer {
|
|
63
|
+
display: block;
|
|
64
|
+
height: 20px;
|
|
65
|
+
pointer-events: none;
|
|
66
|
+
}
|
|
67
|
+
|
|
60
68
|
/* HTML5 hidden-attribut respekteras alltid - oavsett vilken display-property
|
|
61
69
|
en komponent satter sig sjalv. Default UA-stylesheet har display:none for
|
|
62
70
|
[hidden] men en mer specifik komponentregel (t.ex. .my-form { display: flex })
|