Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Firefox Bug] Data binding with HTML <select> component cause selected option rendering wrong

See original GitHub issue

Hey guys,

I’m experiencing a wired data binding bug only happened in Firefox. I bind properties of <option> tag with an Ember computed property, but when the computed value is updated and the selected index of <option> is an even number, the displayed value of dropdown would always be the first value of <option> instead of the actual selected value.

I also tried in vanilla JS and it works just fine. Can someone help me take a look?

Thanks in advance!

Reproduce(Please open in Firefox): Ember twiddle: https://ember-twiddle.com/b6e09c3df2be9b21f41ecf8e8d28a91a?openFiles=templates.application.hbs%2C Vanilla JSbin https://jsbin.com/bigahec/edit?html,js,console,output

Issue Analytics

State:
Created 6 years ago
Comments:12 (10 by maintainers)

Top GitHub Comments

3reactions

nightirecommented, Jul 10, 2017

forgive me to off the topic, but this issue is really really interesting:

😹

1reaction

EvgenyOrekhovcommented, Jul 13, 2020

@rwjblue

ember-prop-modifier does for me nothing more than make the bug be reproducible in Chrome also.
How come other frameworks don’t have that problem? Vue <select> example, React <select> example. Are they superior?

Top Results From Across the Web

HTML select, correct option selected in DOM, but wrong item ...

Any idea on why this is happening? The example uses Ember.js library, but anyway the display is supposed to reflect the DOM state...

FireFox <select> Issue - Selected in option does not work.

Example bugs: datepicker remains visible after tabbing out of date input field. the filename field of <input type=file> renders incorrectly in vertical writing ......

126379 - Select (size=1) onChange not called using down ...

This bug has been marked "wontfix" because the w3c recommendation says the onChange event should only happen when the control loses focus. However,...

selectedIndex incorrect when <option> replaced dynamically ...

Actual results: First, I clicked "Dynamically Load Form #1" and then selected "Item One". The Javascript popup displayed exactly the same text. Next,...

Handling common accessibility problems - MDN Web Docs

Certain HTML features can be selected using only the keyboard — this ... for example the <select> element can have its options displayed...