Ward-PWA: hidden wint weer van display:flex
De gespreks-overlay stond vanaf het laden permanent over de pagina
(Robins schermafdruk, 12-8). De terugknop deed zijn werk wel: hij zette
netjes hidden. Maar het hidden-attribuut werkt via de browser-stylesheet
(display:none), en elke eigen display-regel wint daarvan; de flex van
#thread hield de overlay dus zichtbaar, dicht noch open te krijgen.
Eén regel lost de hele klasse op, niet alleen dit geval:
[hidden] { display: none !important; }
Changed files:
src/assets/css/ward.css
- de [hidden]-regel, bovenaan, met uitleg
test/ward-pwa.test.js
- bewaakt dat de regel bestaat EN dat er een display:flex is om van
te winnen; anders bewaakt de test niets
-robo
Co-Authored-By: Claude Opus 4.8 <noreply@…>