Fall ce-0038 · Szenario scenario-mobile-touch-behavior

Page zooms in when focusing contenteditable on mobile

OS: iOS Ubuntu 22.04 Gerät: Mobile Any Browser: Safari 120.0 Tastatur: System virtual keyboard Entwurf
mobilezoomfocusios

Diese Seite wurde noch nicht übersetzt

Derzeit wird der englische Originalinhalt angezeigt. Wir freuen uns über Ihre Hilfe bei der Übersetzung.

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.

Varianten dieses Szenarios

Fall OS Browser Status
ce-0028 iOS Ubuntu 22.04 Safari 120.0 Entwurf
ce-0038 iOS Ubuntu 22.04 Safari 120.0 Entwurf
ce-0046 iOS Ubuntu 22.04 Safari 120.0 Entwurf
ce-0053 Android Ubuntu 22.04 Chrome 120.0 Entwurf

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.