New issue
Advanced search Search tips

Issue 852938 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

<input type="range"> UI in wrong state when calling setAttribute before updating input.value

Project Member Reported by sparhami@google.com, Jun 14 2018

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36

Steps to reproduce the problem:
1. Have an <input type="range"> on the UI with an initial value
2. `input.setAttribute('value', someVal);`
3. `input.value = someVal`

What is the expected behavior?
The value is `someVal`, the range thumb has moved to the correct position.

What went wrong?
The value is `someVal`, but the range thumb is still in the initial position.

Did this work before? N/A 

Does this work in other browsers? No
 This works as expected in Firefox.
This behaves the same in Safari.

Chrome version: 67.0.3396.79  Channel: n/a
OS Version: OS X 10.13.4
Flash Version: 

Clicking on the thumb after doing the above steps makes it move to the right position.
The issue only happens the first time you call setAttribute / update the value. After that, it works as expected.
 
test.html
1.7 KB View Download

Comment 1 by tkent@chromium.org, Jun 15 2018

Components: -Blink>Forms Blink>Forms>Range
Labels: Hotlist-Interop allpublic
Status: Available (was: Unconfirmed)

Comment 2 Deleted

Comment 3 Deleted

Sign in to add a comment