diff --git a/src/components/Ausweis/ButtonWeiterHilfe.svelte b/src/components/Ausweis/ButtonWeiterHilfe.svelte index d0c3cef0..94cb2d01 100644 --- a/src/components/Ausweis/ButtonWeiterHilfe.svelte +++ b/src/components/Ausweis/ButtonWeiterHilfe.svelte @@ -26,11 +26,26 @@ async function ausweisAbschicken() { if (!form.checkValidity()) { - document.getElementById("formInput-1")?.classList.remove("2xl:mt-[370px]"); - skala.classList.add("no-scroll") - form.reportValidity() - return - } + // Entferne die Klasse "2xl:mt-[370px]" falls vorhanden + document.getElementById("formInput-1")?.classList.remove("2xl:mt-[370px]"); + + // Verhindere das Scrollen (falls erforderlich) + skala.classList.add("no-scroll"); + + // Zeige die Validierungsmeldungen + form.reportValidity(); + + // Finde das erste ungültige Feld und scrolle sanft darauf + let firstInvalidField = form.querySelector(":invalid"); + if (firstInvalidField) { + let offset = 150; // Abstand für bessere Sichtbarkeit + let fieldPosition = firstInvalidField.getBoundingClientRect().top + window.scrollY; + window.scrollTo({ top: fieldPosition - offset, behavior: "smooth" }); + } + + return; +} + openWindowWithPost("/kundendaten", { ausweis,