Yes, it is the same issue.

Note, also, that in FireFox, it is not quite right, either (but much better).

The <select> allows you to type the first letter in order to achieve a rapid scroll to the first option that matches that letter.

If you press a letter, FFox will jump to and display the hidden option, although, it will not let you select it.

If the browsers handle this edge case differently, why not use a method that works in all of them? For example, just remove the options that are "hidden" from the list of options if they are not currently valid, or disable them. Will that suit this use-case? Can you point to some examples?

I suppose it could be done that way, provided it worked. But still, it would require burdensome coding to make it happen.

For example, look at http://sovereignstates.net/StateLegislators/VSLegTracker.php

The behavior is shown in the drop down for the "Pick a state" options. If you pick "House" in the "Chamber" options, California should hide because it does not have a House. It has an Assembly.

You can see it hides in FFox, but not IE or Chrome. But check the keypress feature by pressing "C" in FFox, and California will display. So, really, none of them work as they should.

Now, to do the work-around suggested by actually removing these elements would mean storing removed elements in an array and accessing the array to get them back by appending into options. Sort of a "Recycle Bin," if you will. This would be required because you have to remember the name, value, id, class, style, etc. of the element. So, to store all that and hope you don't miss anything could be a pain, and probably asking for unwanted bugs.

Actually, what would probably be best is to have some Jquery code that performs like option and just scrap HTML's option altogether.