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();
}
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) {