jQuery set <input type="range"> value

Question

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.

@SLaks: Thanks. Would you recommend reporting it to Chrome or perhaps to jQuery? — pimvdb
– pimvdb, Commented Mar 13, 2011 at 15:47
It's not a jQuery bug; it also happens when setting [0].value. Yes. — SLaks
– SLaks, Commented Mar 13, 2011 at 15:48
@Derek: Indeed, thanks. It also works in Chrome 18 so I'll update the question. — pimvdb
– pimvdb, Commented May 6, 2012 at 20:30

Andrew Moore · Accepted Answer · 2011-03-13 15:50:50Z

6

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:

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

answered Mar 13, 2011 at 15:50

Andrew Moore

95.8k30 gold badges167 silver badges175 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

arashka · Accepted Answer · 2012-05-18 23:42:04Z

0

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

answered May 18, 2012 at 23:42

arashka

1,3453 gold badges18 silver badges34 bronze badges

1 Comment

pimvdb Over a year ago

What about version 20? It's stable now.

Collectives™ on Stack Overflow

jQuery set <input type="range"> value

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related