fix: Scroll-Ruckeln beseitigt - overflow:hidden waehrend Rendering

Statt den Scroll nach unten mit Timeouts zurueckzukaempfen, wird
overflow:hidden auf main-content gesetzt bevor das Rendering startet.
Nach Abschluss wird scrollTop=0 gesetzt und overflow wiederhergestellt.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
claude-dev
2026-03-10 10:54:45 +01:00
Ursprung 376f0d093b
Commit d983042503

Datei anzeigen

@@ -652,14 +652,13 @@ const App = {
UI.hideProgress(); UI.hideProgress();
} }
await this.loadIncidentDetail(id); // Scroll blockieren waehrend Rendering
// Nach dem Laden: Hauptbereich nach oben scrollen
var mc = document.getElementById("main-content"); var mc = document.getElementById("main-content");
mc.style.overflow = "hidden";
mc.scrollTop = 0; mc.scrollTop = 0;
window.scrollTo(0, 0); await this.loadIncidentDetail(id);
requestAnimationFrame(() => { mc.scrollTop = 0; window.scrollTo(0, 0); }); mc.scrollTop = 0;
setTimeout(() => { mc.scrollTop = 0; window.scrollTo(0, 0); }, 50); requestAnimationFrame(() => { mc.scrollTop = 0; mc.style.overflow = ""; });
setTimeout(() => { mc.scrollTop = 0; window.scrollTo(0, 0); }, 150);
}, },
async loadIncidentDetail(id) { async loadIncidentDetail(id) {