Case ce-0038 · Scenario scenario-mobile-touch-behavior

Page zooms in when focusing contenteditable on mobile

OS: iOS Ubuntu 22.04 Device: Mobile Any Browser: Safari 120.0 Keyboard: System virtual keyboard Status: draft
mobile zoom focus ios

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

  1. Open a page with a contenteditable region on iOS Safari.
  2. Ensure the viewport meta tag has user-scalable=no or a fixed width.
  3. Tap on the contenteditable region to focus it.
  4. 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.

Browser compatibility matrix

This matrix shows which browser and OS combinations have documented cases for this scenario. The current case is highlighted. Click on a cell to view other cases.

Browser Android iOS
Chrome
ce-0053
120.0
Safari
Current case
Confirmed
Draft
No case documented

All variants (detailed table)

Complete list of all cases for this scenario with full environment details.

Case OS Device Browser Keyboard Status
ce-0028 iOS Ubuntu 22.04 Mobile Any Safari 120.0 System virtual keyboard draft
ce-0038 iOS Ubuntu 22.04 Mobile Any Safari 120.0 System virtual keyboard draft
ce-0046 iOS Ubuntu 22.04 Mobile Any Safari 120.0 System virtual keyboard draft
ce-0053 Android Ubuntu 22.04 Mobile Any Chrome 120.0 System virtual keyboard draft

Playground for this case

Use the reported environment as a reference and record what happens in your environment while interacting with the editable area.

Reported environment
OS: iOS Ubuntu 22.04
Device: Mobile Any
Browser: Safari 120.0
Keyboard: System virtual keyboard
Your environment

Use this editable area to reproduce the described case.

Event log
Use this log together with the case description when filing or updating an issue.
0 events
Interact with the editable area to see events here.