rene
eb0f460304
Der reine CSS-Sibling-Selektor klappte nicht zuverlässig (vermutlich
SW-Cache-Mismatch oder DOM-Reihenfolge im aktuellen Zustand des
Users). Lösung: MutationObserver in offline-indicator.js beobachtet
class/style auf #worlds-overlay und togglet .visible auf
#offline-indicator. CSS akzeptiert jetzt beide Wege:
#worlds-overlay.worlds-visible ~ #offline-indicator,
#offline-indicator.visible { display: flex; }
So bleibt das Layout funktional auch wenn CSS-Compositing oder
Cache-Versatz mal nicht greift. console.warn wenn das Element nicht
im DOM ist (z.B. wenn alte index.html aus SW-Cache).
|
||
|---|---|---|
| .. | ||
| pages | ||
| api.js | ||
| app.js | ||
| leaflet.js | ||
| leaflet.markercluster.js | ||
| offline-indicator.js | ||
| qrcode.min.js | ||
| ui.js | ||
| worlds.js | ||