馃摫 Jumpy mobile website 馃摫
I鈥檓 struggling sometimes with interactive pages being quite jumpy on mobile when the browser UI elements are shown on the slightest upwards movement.
Asking chatgpt it recommended a few solutions: https://chatgpt.com/share/68ab8be6-2c78-8001-83a2-25dc6f01ee60
It recommends:
1. Use viewport-fit=cover in your meta viewport
2. Add padding with CSS safe-area insets
3. Prevent accidental tiny scrolls from triggering UI
Are those good methods? Do you use other methods? What is the most reliable option without impacting the page itself negatively?
Moritz you may have wrote in about this in the past so apologies if this is redundant but is it possible at all to record a loom of the issues so we can get a full picture?