์ผ€์ด์Šค ce-0286-ios-viewport-keyboard-chrome-ios-en-ko ยท ์‹œ๋‚˜๋ฆฌ์˜ค scenario-ios-viewport-keyboard

iOS Chrome viewport behaves differently with keyboard

OS: iOS 16+ ๊ธฐ๊ธฐ: Mobile (iPhone/iPad) Any ๋ธŒ๋ผ์šฐ์ €: Chrome (iOS) 120+ ํ‚ค๋ณด๋“œ: English (QWERTY) or iOS Virtual Keyboard ์ดˆ์•ˆ
ioschromekeyboardviewportposition-fixed

ํ˜„์ƒ

In Chrome for iOS, when the software keyboard becomes visible, viewport behavior may be different from Safari but the issue may still be present.

์žฌํ˜„ ์˜ˆ์‹œ

  1. Open Chrome for iOS on iPhone or iPad.
  2. Load the page with position:fixed element and contenteditable.
  3. Tap to show keyboard.
  4. Observe behavior of fixed element and viewport height.

๊ด€์ฐฐ๋œ ๋™์ž‘

  • Chrome iOS behavior: May handle keyboard differently than Safari
  • Less severe: Position issues may be less severe than in Safari
  • Still problematic: Fixed positioning may still have issues
  • Viewport behavior: Chrome iOS and Safari iOS differ in viewport handling

์ฐธ๊ณ ์‚ฌํ•ญ

This case observes Chrome for iOS behavior, which may differ from Safari but the fundamental issue of viewport keyboard handling still exists on iOS.

Chrome for iOS uses WebKit but may have different viewport implementation than Safari.

์ด ์‹œ๋‚˜๋ฆฌ์˜ค์˜ ๋ณ€ํ˜•

์ผ€์ด์Šค OS ๋ธŒ๋ผ์šฐ์ € ์ƒํƒœ
ce-0285-ios-viewport-keyboard-safari-ko iOS 16+ Safari 16+ ์ดˆ์•ˆ
ce-0286-ios-viewport-keyboard-chrome-ios-en-ko iOS 16+ Chrome (iOS) 120+ ์ดˆ์•ˆ

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 16+
Device: Mobile (iPhone/iPad) Any
Browser: Chrome (iOS) 120+
Keyboard: English (QWERTY) or iOS Virtual Keyboard
Your environment
Sample HTML:
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.