Multiple <select>s Populate the Wrong Element on iOS

[stowball]

Summary:

Multiple <select> boxes whose options have the same value, or whose options have no value, will change the value for another <select> box if it is tapped without pressing "Done" in the options picker

Platforms:

iOS8+ (iPhone only)

How to reproduce:

1. Create 2 <select>s with no or the same <option> value 2.Tap a <select>
2. Change a value in the options picker
3. Tap another <select> without pressing Done

The newly-tapped <select> will have the chosen value.

Reduced Example:

http://codepen.io/stowball/pen/NxMjpw

Bug Tracker ticket(s):

Apparently filed as 18701881 and 18484444.

Workarounds:

• Use unique values for each across all <select>s on the page.

[frontenddeveloping]

Was fixed in iOS 8.3

[stowball]

But it's still broken in 9

[stowball]

4 years later and it still exists in iOS 13 🙄