Eingabefelder nur Scrollen wenn nötig
Bernd Wurst

Bernd Wurst commited on 2025-11-09 18:29:49
Zeige 1 geänderte Dateien mit 5 Einfügungen und 0 Löschungen.

... ...
@@ -10,10 +10,15 @@ document.addEventListener('DOMContentLoaded', function() {
10 10
             // um dem Browser Zeit zu geben, die Tastatur einzublenden
11 11
             setTimeout(() => {
12 12
                 // 3. Verwenden Sie scrollIntoView, um das Eingabefeld in den Blick zu bringen
13
+                const rect = this.getBoundingClientRect();
14
+                const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
15
+                const spaceToBottom = viewportHeight - rect.bottom;
16
+                if (spaceToBottom < 100) {
13 17
                     this.scrollIntoView({
14 18
                         behavior: 'smooth', // Sanfter Scroll-Effekt
15 19
                         block: 'start'      // Positioniert das Element am oberen Rand des Viewports
16 20
                     });
21
+                }
17 22
             }, 300); // 300ms Verzögerung, kann je nach Gerät angepasst werden
18 23
         });
19 24
     });
20 25