CODEWITHSUNDEEP
javascriptjqueryhtmlgoogle-chrome
pimvdb
pimvdb

Reputation: 154818

jQuery set <input type="range"> value

Update: This was a bug which has been fixed by now (Chrome 18).

I have a <input type="range"> and I'm trying to set its value by jQuery. That basically doesn't do anything.

Then, I tried hiding/showing as I thought it would be a drawing problem, but to no avail did I so.

Lastly, I hid the <input> and showed it using show(1), which would mean a fading-in of 1ms. This did set the value, however after doing so the <input> isn't draggable anymore.

I made this fiddle up: http://jsfiddle.net/MhDf7/2/.

Does anybody have an idea of what's going on here? I'm using Chrome 10.

Upvotes: 8

Views: 4091

Answers (2)

arashka
arashka

Reputation: 1325

Doesn't work on Chromium 18 and the problem is still there. Seems like Chrome and Chromium version updates are not the same.

Upvotes: 0

Andrew Moore
Andrew Moore

Reputation: 95324

It seems to be a browser bug. The exact same thing happens when using MooTools (DEMO) or when using vanilla JavaScript (DEMO).

However, even if the display isn't updated, the form still submits the correct value.

You might want to fill a bug report... On your jsFiddle page, do the following:

  1. Click the Page menu .
  2. Select Report a bug or broken website.
  3. Choose an issue type from the drop-down menu. The web address of the webpage you're on is recorded automatically.
  4. If possible, add key details in the 'Description' field, including steps to reproduce the issue you're experiencing.
  5. Keep 'Send source of current page' and 'Send screenshot of current page' checkboxes selected.
  6. Click the Send report button to report a Google Chrome bug.

Upvotes: 6

Related Questions