HTML input option datalist tag not working properly in IOS 17.4.1

If I set an input text box connected to a datalist-options, in order to suggest pre-coded values, this is what happens:

  1. The text field shows properly.
  2. When I start typing, one or more coincident "options" from the datalist are shown at the bottom of the available screen.
  3. When one option is selected, the data contained in it is NOT transcript to the input field.

The same webtest works fine on Ipad mini w/ios 15.

Try this simple code, it doesn't work:

<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Still the case with 17.5.1

this works in iOS 18 beta 1

I can testify that works on iOS 16.7.8 but not on iOS 17.5.1. At the moment, there is no workaround... Only sending my clients to go and buy an old phone or get an Android.

Actually some of them took it seriously and went back to use their old iPhones as this feature is too important for them.

HTML input option datalist tag not working properly in IOS 17.4.1
 
 
Q