Page MenuHomePhabricator

Text cursor (caret) is placed incorrectly when clicking on form input fields with padding (Chrome 77)
Closed, DuplicatePublic

Description

Text cursor (caret) is placed incorrectly when clicking on form input fields with padding-left in Chrome/Chromium 77. (I took my screenshots in Opera 64, which uses Chromium 77.)

Upstream bug report: https://bugs.chromium.org/p/chromium/issues/detail?id=1014243 (not mine, just found it). https://bugs.chromium.org/p/chromium/issues/detail?id=1014046 and https://bugs.chromium.org/p/chromium/issues/detail?id=1014033 may be duplicates.

Possible workarounds are to use text-indent instead (this works on LTR only) or just remove it, although that will probably cause the text to overlap something when it's long (on RTL).

The issue is most easily found on the search page (on LTR wikis):

2019-10-15 00_12_59-Search - Wikipedia - Opera.png (980×1 px, 58 KB)

Or the main search form (on RTL wikis):
2019-10-15 00_14_05-ויקיפדיה - Opera.png (980×1 px, 282 KB)

Video:

Event Timeline

It does look a lot like T234170 (I think the other task is not related though).

The other task says this was fixed in Chrome 78, so I went looking and found that the original upstream issue for this is https://bugs.chromium.org/p/chromium/issues/detail?id=1000657, which is indeed marked as fixed in 78.