RESOLVED FIXED 24703
Support snapping, ticks for <input type="range">
https://bugs.webkit.org/show_bug.cgi?id=24703
Summary Support snapping, ticks for <input type="range">
Peter Kasting
Reported 2009-03-19 14:27:21 PDT
<input type="range" min="1" max="3" step="1"> draws as an unmarked slider that slides smoothly from one end to the other. It would be nicer to have tickmarks and to snap to them. Try using Opera for a sample experience.
Attachments
Testcase (72 bytes, text/html)
2009-03-19 14:27 PDT, Peter Kasting
no flags
Peter Kasting
Comment 1 2009-03-19 14:27:46 PDT
Created attachment 28763 [details] Testcase
Peter Kasting
Comment 2 2009-03-27 14:40:02 PDT
Hixie says: Draw tickmarks as given in list="". If no list="", draw them for step="", unless step has been set to "any". Hyatt says:
Peter Kasting
Comment 3 2009-03-27 14:40:58 PDT
Bah, didn't mean to submit that yet. Anyway, Hyatt says: Don't want ticks by default. Perhaps also no ticks for step=1.
Peter Kasting
Comment 4 2009-03-27 14:59:46 PDT
My proposal: Do what Hixie says, but also don't draw tickmarks if we don't have enough room. Assuming 1-px ticks, you'd need 2n + 1 pixels or more. If the theme only goes down to k-px ticks, we'd probably want k(2n + 1) free pixels; below that, no tickmarks + no snapping. Hopefully, this avoids breaking too many existing Mac widgets that don't want tickmarks, e.g. the Safari RSS widget, because they'd fail the 2n + 1 test.
Radar WebKit Bug Importer
Comment 5 2011-09-06 14:41:32 PDT
Ravi Phaneendra Kasibhatla
Comment 6 2011-10-13 05:22:09 PDT
Is this issue still valid? If yes, I would like to propose a patch for the same.
Peter Kasting
Comment 7 2011-10-13 11:05:12 PDT
(In reply to comment #6) > Is this issue still valid? It's not closed and no one has commented otherwise, so assume yes.
Kent Tamura
Comment 8 2011-10-13 19:47:21 PDT
(In reply to comment #6) > Is this issue still valid? If yes, I would like to propose a patch for the same. Yes. I think Comment #2 to #4 are reasonable.
Kent Tamura
Comment 9 2013-03-28 01:36:55 PDT
This was done as <datalist> support.
Note You need to log in before you can comment on or make changes to this bug.