Not editable <input> inside <span position:relative>
Reported by
dlaze...@gmail.com,
Mar 28 2016
|
||||||
Issue descriptionChrome Version : 49.0.2623.105 Android WebView URLs (if applicable) : https://play.google.com/store/apps/details?id=co.filld.frontend Devices: Nexus 6 (Android 6.0.1) and Sony Xperia Ultra (Android 5.1) What steps will reproduce the problem? (1) Install the app. (2) Tap "Sign In" Observed: Input boxes placeholders aren't visible. Expected: In previous version (48.***) are visible. (3) Tap "Email Address". Observed: No cursor. Virtual keyboard pops up. (4) Tap any letters on keyboard. Observed: No letters are visible. Debugged (remote Chrome inspect is awesome): the problem is that <input> elements are inside <span style="position: relative;">. Changing <span> to <div> fixes the problem. Removing "position: relative;" fixes the problem as well. Having "position: relative" for <span> seems to be legal, but putting block <input> element inside inline <span> element is not per HTML standard. I will fix that in our HTML code. But you guys probably want to know about this changed behavior between version 48 and 49.
,
Mar 29 2016
,
Mar 31 2016
,
Apr 4 2016
Issue is that the <span> ends up being 0x0. Nothing modifies the width/height attributes for <span>. Inside the span, <input> has non-zero width and height. Does look like broken layout to me. trchen, agree?
,
Apr 5 2016
This appears to work fine in standalone Chrome and Chromium in stable, beta and dev.
,
Jun 13 2016
Looks like a server side fix was deployed? |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by dlaze...@gmail.com
, Mar 28 201667.1 KB
67.1 KB View Download
126 KB
126 KB View Download