μΌ€μ΄μŠ€ ce-0038 Β· μ‹œλ‚˜λ¦¬μ˜€ scenario-mobile-touch-behavior

Page zooms in when focusing contenteditable on mobile

OS: iOS Ubuntu 22.04 κΈ°κΈ°: Mobile Any λΈŒλΌμš°μ €: Safari 120.0 ν‚€λ³΄λ“œ: System virtual keyboard μ΄ˆμ•ˆ
mobilezoomfocusios

이 νŽ˜μ΄μ§€λŠ” 아직 λ²ˆμ—­λ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€

ν˜„μž¬ μ˜μ–΄ 원문을 ν‘œμ‹œν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. λ²ˆμ—­μ— κΈ°μ—¬ν•΄ μ£Όμ‹œλ©΄ κ°μ‚¬ν•˜κ² μŠ΅λ‹ˆλ‹€.

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.

이 μ‹œλ‚˜λ¦¬μ˜€μ˜ λ³€ν˜•

μΌ€μ΄μŠ€ OS λΈŒλΌμš°μ € μƒνƒœ
ce-0028 iOS Ubuntu 22.04 Safari 120.0 μ΄ˆμ•ˆ
ce-0038 iOS Ubuntu 22.04 Safari 120.0 μ΄ˆμ•ˆ
ce-0046 iOS Ubuntu 22.04 Safari 120.0 μ΄ˆμ•ˆ
ce-0053 Android Ubuntu 22.04 Chrome 120.0 μ΄ˆμ•ˆ

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.