Steps to reproduce
- Go to the JSFiddle: https://jsfiddle.net/hhgo0y9n/18/
- Click “submit” (misspelled as “sumbit”)
Expected result: no validation errors
Actual result: validation error, “You must choose an item from the list”
Difficult to tell what’s going on under the hood, but seems that React isn’t actually setting a
value attribute on the
<select> but is rather setting it in some other way that breaks Edge.
Confirmed working in Firefox 48 and Chrome 52, not working in Edge 14.
Comments and activity
From what I can see the react logic for updating the selected option happens here - https://github.com/facebook/react/blob/7b2d9655da218f8311d1dab4ab1142c35c3eef3b/src/renderers/dom/client/wrappers/ReactDOMSelect.js#L101-L130
- Microsoft Edge Team
Changed Assigned To to “Brad E.”
Changed Assigned To to “Bogdan B.”
Changed Status to “Confirmed”
I forked emberx-select to add that workaround but it seems quite unsightly to me and I’d love if Edge could better handle this.
Or if anyone has alternate solutions to suggest, I’m happy to hear them.