New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 672671 link

Starred by 1 user

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: iOS
Pri: 2
Type: Bug


Participants' hotlists:
Fixing-touch


Sign in to add a comment

Native iOS keyboard blocks text input

Reported by moodyofj...@gmail.com, Dec 9 2016

Issue description

Example URL:
http://output.jsbin.com/toyuxujele

Steps to reproduce the problem:
1. Go to http://output.jsbin.com/toyuxujele
2. Slightly swipe down so that the Chrome URL bar begins to stretch, but not enough to refresh the page.
3. Tap the green input while the URL bar is still shrinking back to its original size

What is the expected behavior?
The native keyboard should push the page content up so that the green input is centered on the visible portion of the page. The red position: fixed div should remain at the bottom of the screen after dismissing the keyboard.

What went wrong?
The native keyboard does not push the page content up, so the green input is completely blocked by the keyboard. The red position: fixed div completely disappears.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 55.0.2883.79  Channel: n/a
OS Version: 10.1.1 (14B100)
Flash Version: 

The red position: fixed div re-appears after swiping up on the page. This also fixes the input centering issue the next time the input is focused. Step 2 seems to be the important repro step.

This bug only seems to be reproducible on non-scalable pages with the following viewport meta tag:
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 
Components: -Blink
Removing Blink since it isn't used on iOS.
Owner: michaeldo@chromium.org
Status: Assigned (was: Unconfirmed)
Seems to be related to fullscreen?
https://drive.google.com/open?id=0B-tbaGTQZtpQQWZfSm1PNXpNU2s
https://drive.google.com/open?id=0B-tbaGTQZtpQNHBlbmloNm96bXc
The red position: fixed div overlaps the green input box.
Repro'ed on Chrome version: 55.0.2883.79 
OS Version: 10.1.1

This is also repro'ed on Safari.

Components: IO>Keyboard
Components: -IO>Keyboard UI>Input>VirtualKeyboard

Sign in to add a comment