Documentation site: Dropdown options are blue or grey on non-Apple platforms
| Originator: | adam | ||
| Number: | rdar://33400944 | Date Originated: | 19-Jul-2017 10:32 PM |
| Status: | Open | Resolved: | |
| Product: | Other | Product Version: | |
| Classification: | UI/Usability | Reproducible: | Always |
Summary:
A rather minor issue, but the options in <select> dropdowns used on the documentation site are the same color as the dropdown button itself. It doesn't seem Safari or Chrome support styling dropdown options on macOS, but Firefox and all browsers on Windows/Linux do, and this makes the options harder to read. Screenshot attached.
To rectify this, the following CSS should be added:
option { color: initial; }
option[disabled] { color: GrayText; }
WebKit dynamically sets the initial color, and GrayText is the static color for disabled items: https://github.com/WebKit/webkit/blob/9f386cd/Source/WebCore/css/html.css#L758-L763
Steps to Reproduce:
1. Visit a documentation page.
2. Click a dropdown in the top-right.
Expected Results:
Options are displayed in the OS's default black or similar color.
Observed Results:
Options are displayed in blue for the Language dropdown, and grey for the Select a Version dropdown.
Version:
Notes:
Configuration:
Comments
Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!