From d9830425037084e86b6c1e5d872973fd04a105f7 Mon Sep 17 00:00:00 2001 From: claude-dev Date: Tue, 10 Mar 2026 10:54:45 +0100 Subject: [PATCH] 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 --- src/static/js/app.js | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/static/js/app.js b/src/static/js/app.js index 0bd2439..e12cca2 100644 --- a/src/static/js/app.js +++ b/src/static/js/app.js @@ -652,14 +652,13 @@ const App = { UI.hideProgress(); } - await this.loadIncidentDetail(id); - // Nach dem Laden: Hauptbereich nach oben scrollen + // Scroll blockieren waehrend Rendering var mc = document.getElementById("main-content"); + mc.style.overflow = "hidden"; mc.scrollTop = 0; - window.scrollTo(0, 0); - requestAnimationFrame(() => { mc.scrollTop = 0; window.scrollTo(0, 0); }); - setTimeout(() => { mc.scrollTop = 0; window.scrollTo(0, 0); }, 50); - setTimeout(() => { mc.scrollTop = 0; window.scrollTo(0, 0); }, 150); + await this.loadIncidentDetail(id); + mc.scrollTop = 0; + requestAnimationFrame(() => { mc.scrollTop = 0; mc.style.overflow = ""; }); }, async loadIncidentDetail(id) {