Common iOS browser bugs explained with visuals and copy-paste fixes. Affects Safari, Chrome, and every browser on iOS.
Elements sized to 100vh overflow the visible screen when the browser URL bar is visible on page load.
Background content remains scrollable beneath modals and drawers — CSS alone can't stop it on iOS.
iOS automatically zooms in when a form input with font-size < 16px is focused.
Fixed elements shift up with the keyboard instead of anchoring to the visible bottom.
Tapping interactive elements shows a translucent grey flash that breaks custom designs.
iOS blocks video autoplay unless the video is muted and marked as inline. Audio never autoplays.
Content can be hidden behind the Dynamic Island or home indicator on modern iPhones.
iOS's rubber-band overscroll effect can pull the entire page from inside a scroll container.
Scrollable divs feel choppy on older iOS because momentum scrolling isn't applied by default.
Date inputs render as an unstyleable native drum-picker wheel. Chrome on iOS uses a different UI.