Fix: Design-System-Regression v1102 — .hidden(!important) vs style.display app-weit

Rene: 'Tagebuch Kalenderansicht/Karte nicht mehr da' — Root-Cause: 459cd42
ersetzte style="display:none" durch class="hidden", aber die Show-Pfade
setzten weiter style.display. .hidden hat !important und gewinnt immer
(gleiche Klasse wie Filter-Panel-Hotfix v1242). Prod-Logs bewiesen: kein
einziger /diary/calendar- oder /locations-Request kam je an.

Unsichtbar seit v1102, jetzt per classList gefixt:
- diary: Stats-Bar mit View-Switcher (Liste/Medien/Kalender/Karte) + Medien-Grid neuer Eintrag
- health: KI-Tierarzt-Ergebnis erschien nie
- walks: Challenge-/Stamm-Gassi-Tabs leer
- welcome: iOS-Panel der Desktop-Install-Anleitung
- wiki: Fotos-Mod-Badge + Foto-Fallback (via app.js data-fb show-el/sibling-Handler)
- routes: Filter-Badge; breeder: Fotos-Section

Zweite Fehlerklasse aus demselben Sprint: doppelte class-Attribute
(class="x" id=… class="hidden") — Browser verwirft das zweite Attribut.
87 Vorkommen in 23 Dateien zusammengeführt; betroffene Show/Hide-Pfade
(ev-map, rk-mine/nearby-group, chat-partner-dot, eh-panel, zh-section)
auf classList umgestellt.
This commit is contained in:
rene 2026-06-07 15:09:43 +02:00
parent 5acbaaa97b
commit 178aef7fb0
32 changed files with 197 additions and 188 deletions

View file

@ -2919,8 +2919,8 @@ function _showPoiKorrekturModal(osmId, poiName, currentOh) {
<form id="poi-korrektur-form">
<div class="form-group">
<label class="form-label">Aktuelle Angabe</label>
<input class="form-control" type="text" value="${UI.escape(currentOh)}" disabled
class="text-muted">
<input class="form-control text-muted" type="text" value="${UI.escape(currentOh)}" disabled
>
</div>
<div class="form-group">
<label class="form-label">Korrekte Öffnungszeiten *</label>
@ -3009,7 +3009,8 @@ function _showPoiKorrekturModal(osmId, poiName, currentOh) {
}
await UI.asyncButton(btn, async () => {
resultEl.style.display = 'none';
// .hidden hat !important → nur per classList togglen (style.display verliert immer)
resultEl.classList.add('hidden');
resultEl.innerHTML = '';
let result;
@ -3040,7 +3041,7 @@ function _showPoiKorrekturModal(osmId, poiName, currentOh) {
UI.toast.error(err.message || 'Fehler bei der KI-Anfrage.');
return;
}
resultEl.style.display = '';
resultEl.classList.remove('hidden');
return;
}
@ -3074,7 +3075,7 @@ function _showPoiKorrekturModal(osmId, poiName, currentOh) {
<strong>&#9888;&#65039; Dies ist keine medizinische Diagnose.</strong>
Bei ernsthaften Symptomen sofort zum Tierarzt.
</div>`;
resultEl.style.display = '';
resultEl.classList.remove('hidden');
// Submit-Button ausblenden wenn Limit erschöpft
if (result.anfragen_heute >= result.limit) {