Phenomenon
On iOS Safari, when a contenteditable region receives focus, the page may automatically zoom in. This can be disorienting and may cause layout issues.
Reproduction example
- Open a page with a contenteditable region on iOS Safari.
- Ensure the viewport meta tag has
user-scalable=noor a fixedwidth. - Tap on the contenteditable region to focus it.
- Observe whether the page zooms in.
Observed behavior
- In iOS Safari, focusing a contenteditable may trigger automatic zoom.
- The zoom level may be unexpected or inappropriate.
- The zoom may persist even after the contenteditable loses focus.
Expected behavior
- Focusing a contenteditable should not trigger automatic zoom.
- Or, the zoom behavior should be controllable via CSS or meta tags.
- The viewport should remain stable during focus changes.