New issue
Advanced search Search tips

Issue 625631 link

Starred by 5 users

Issue metadata

Status: Available
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug



Sign in to add a comment

Text field with text-align:right can scroll horizontally

Reported by gourde.d...@gmail.com, Jul 4 2016

Issue description

Chrome Version       : 51.0.2704.103 m (64-bit)
URLs (if applicable) : http://codepen.io/anon/pen/mEmAvz
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari: Ok
    Firefox: Ok
         IE: Ok

What steps will reproduce the problem?
(1) Click the middle mouse button (to scroll in any direction) when inisde the number field.
(2) It is possible to scroll the text for about 1px to the left (which is not normal).

What is the expected result?
-That it does nothing when we try to scroll inside the number field.

What happens instead?
-It can scroll (the number field) to the left for about 1px.

Please provide any additional information below. Attach a screenshot if
possible.

You can also recreate the issue when you select all the text inside the number field. This bug does not happen on all other major browser. It's a Chrome-only problem.

In the attached picture, you can see the pixel on the right of both numbers. The top one is scrolled (1px of margin), not the second one (normal).

 
1px.png
4.0 KB View Download
Components: Blink>Scroll
I think this isn't a bug with the type="number"-fields. Instead I suspect "text-align: right" is responsible (ua-style for number-fields in chrome). 
Cc: tkent@chromium.org
Components: Blink>Forms
tkent@ do you have any high level ideas with respect to this. It appears that pan scrolling (Windows only) gets trapped inside the text area when the text-align is right. But when it is left you can click pan scroll and it will scroll the main document instead of just the field.
Status: Untriaged (was: Unconfirmed)

Comment 5 by tkent@chromium.org, Jul 6 2016

Components: -Blink>Forms Blink>Forms>Number
Labels: OS-Windows
Status: Available (was: Untriaged)
I guess it's a sub-pixel issue.

Components: -Blink>Scroll
Project Member

Comment 7 by sheriffbot@chromium.org, Jul 24 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 8 by tkent@chromium.org, Jul 24 2017

Cc: -tkent@chromium.org
Labels: -Hotlist-Recharge-Cold
Status: Available (was: Untriaged)
Project Member

Comment 9 by sheriffbot@chromium.org, Jul 25

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Hotlist-Recharge-Cold
Status: Available (was: Untriaged)
 Issue 868387  has been merged into this issue.
Components: Blink>Forms>Text Blink>Layout
Summary: Text field with text-align:right can scroll horizontally (was: Number field horizontal scroll)

Sign in to add a comment