onchange events don't seem to fire for input[type=range] controls.

• Component: DOM
• Status: RESOLVED FIXED

[Greg Harewood]

onchange events don't seem to fire for input[type=range] controls.

[Rob Buis]

Created attachment 20831 [details]
First attempt

Simply fire a changeEvent when dragging the slider. I made sure it is sent after the input event, Opera does the same, my FireFox version does not even have a proper slider... Time to get FF3 I guess :)
Cheers,

Rob.

[Maciej Stachowiak]

This is what Web Forms 2 says about the "change" event:

> In [DOM3EVENTS] and [HTML4], the change event is fired on a form control element when the control
> loses the input focus and its value has been modified since gaining focus.
>
> This specification changes these semantics to more accurately reflect the behaviour expected by Web
> authors. Specifically, for controls implemented with a non-editable stateful UI (e.g. select elements,
> checkboxes, or radio buttons as deployed in typical desktop Web browsers), the change event shall
> be fired when the selection is completed, even if the control does not lose focus. (For example, if a 
> date control has a button which shows a calendar, then the change event would fire when the
> calendar is closed after the user selected a date.)

It's not entirely clear if it means the "change" event to apply even to controls that never take focus at all, but I gues that would make sense and would match checkboxes and radio buttons.

[Maciej Stachowiak]

The test should probably check that "change" is sent after "input".

[Rob Buis]

Created attachment 20846 [details]
Improved testcase

Now we verify input event is sent before change event.
Cheers,

Rob.

[Rob Buis]

Landed in r32610.

[Greg Harewood]

Reopened:  The situation of dragging the slider has been resolved, but onchange events are still not fired for clicking the slider directly to a new value.  (In fact no events at all are fired, eg onblur also fails to fire.)

[Rob Buis]

Created attachment 20952 [details]
Fixing another onchange problem

This patch fixes the problem that onchange is not fired when clicking (not dragging) the thumb in a position outside of the current thumb position. The
extended testcase tests that, and also that clicking within the thumb does not
fire an onchange. All this matches Opera, FF3 and IE7 do not have true sliders
AFAIK, just line edits with a number for the slider value.
Cheers,

Rob.

[Rob Buis]

Greg,

I think any focus/blur event problems with the slider that you mentioned need
a new bug report, preferably with a good testcase.
Cheers,

Rob.

[Rob Buis]

Landed in r32849.