Revert visualViewport-Handler — Overlay rutschte komplett weg
Der translateY(-offsetTop) war zu aggressiv und schob das Overlay bei iOS-Tastatur-Öffnung komplett aus dem Bildschirm. Entfernt. Die anderen iOS-Fixes (maximum-scale, 16px-Font, 100dvh) bleiben.
This commit is contained in:
@@ -3656,40 +3656,6 @@ def public_frontend():
|
|||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script>
|
|
||||||
// iOS: Verhindert dass Overlays bei Tastatur-Öffnung aus dem Bild rutschen
|
|
||||||
// visualViewport API gleicht den Offset aus
|
|
||||||
(function() {
|
|
||||||
if (!window.visualViewport) return;
|
|
||||||
var chatO = document.getElementById('chatOverlay');
|
|
||||||
var submitO = document.getElementById('submitOverlay');
|
|
||||||
var backdrop = document.getElementById('chatBackdrop');
|
|
||||||
|
|
||||||
window.visualViewport.addEventListener('resize', function() {
|
|
||||||
var offsetTop = window.visualViewport.offsetTop || 0;
|
|
||||||
// Overlays und Backdrop nach oben schieben wenn Tastatur offen
|
|
||||||
if (chatO && chatO.classList.contains('open')) {
|
|
||||||
chatO.style.transform = 'translateY(-' + offsetTop + 'px)';
|
|
||||||
}
|
|
||||||
if (submitO && submitO.classList.contains('open')) {
|
|
||||||
submitO.style.transform = 'translateY(-' + offsetTop + 'px)';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Reset transform wenn Overlay geschlossen wird
|
|
||||||
var obs = new MutationObserver(function() {
|
|
||||||
if (chatO && !chatO.classList.contains('open')) {
|
|
||||||
chatO.style.transform = '';
|
|
||||||
}
|
|
||||||
if (submitO && !submitO.classList.contains('open')) {
|
|
||||||
submitO.style.transform = '';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (chatO) obs.observe(chatO, {attributes: true, attributeFilter: ['class']});
|
|
||||||
if (submitO) obs.observe(submitO, {attributes: true, attributeFilter: ['class']});
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>""").replace("{LOGO_B64}", LOGO_B64)
|
</html>""").replace("{LOGO_B64}", LOGO_B64)
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user