Bug 200469 – option label attribute does not render on iOS

• Status: RESOLVED
• Resolution: FIXED
• Component: Forms

[Scott]

The following markup is valid and meets the criteria outlined in the HTML Living Standard:

<select>
  <option>text label</option>
  <option label="option 2" value="opt2 value"></option>
  <option>text label</option>
</select>

Expectation:
The second option in the select should render with a visible text label of "option 2".  This expectation is met in Safari on macOS 10.14.5.

Actual Result:
The second option is rendered without a visible text label in iOS 12.3.1 with Safari.


Test case: https://scottaohara.github.io/tests/html-select/label-value-attrs.html

[Radar WebKit Bug Importer]

<rdar://problem/53989128>

[Anthony Ricaud]

Created attachment 464876 [details]
Safari iOS/Chrome for Android/Safari macOS

Adding a screenshot of the testcase.

Notice that iOS Safari uses the label for the <select> widget but not for the options.

[Karl Dubost]

I wonder if the text is in fact here, but just not visible, maybe transparent?
Or maybe it is indeed just missing.

[Karl Dubost]

In https://scottaohara.github.io/tests/html-select/label-value-attrs.html

> However, a visible text label fails to load with:
>
>    Firefox 68.0.1 on macOS and Windows
>    iOS Safari 12.3.1


Note: It was fixed in Firefox on macOS at least.

[Aditya Keerthi]

Pull request: https://github.com/WebKit/WebKit/pull/14047

[EWS]

Committed 264229@main (a232aa69a5c6): <https://commits.webkit.org/264229@main>

Reviewed commits have been landed. Closing PR #14047 and removing active labels.