input type="range" doesn't update value in IE11

[kylebyerly-hp]

If you use the slider in the 'Another section' form in http://www.grommet.io/docs/hpe/develop/form on IE11 it doesn't update the value as it does on chrome and firefox.

I believe IE does things different for the range value...

[bryanjacquot]

Reproduced in IE11 here: http://grommet.github.io/docs/form at the bottom of the Edit First Section form.

[jwijay]

It looks like React v15 has a known issue with updating range inputs in IE11 using the React onChange event.

• See here for demo (vanilla JS onchange event firing correctly vs. React onChange event not firing when attached to a range input in IE11): https://jsfiddle.net/m78g29m5/
• Relevant Github issue: onChange doesn't work on IE for type=range facebook/react#3096 (comment)
• Proposed workaround (using onMouseUp in addition to onChange): input type=range onChange should fire when changing the value using the keyboard arrow keys facebook/react#554 (comment)

Attaching the _onChangeRange function to the range input's onMouseUp event (in addition to the onChange event) appears to fix the issue for IE11. See PR: grommet/grommet-docs#75

[jwijay]

Closing this issue, as the relevant PRs have been merged:
#760
grommet/grommet-docs#75