-
Notifications
You must be signed in to change notification settings - Fork 5
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
'Select' Component style varies between chromium and firefox browsers #527
Labels
Comments
Thanks for raising this. It is happening because the select styling depends on the browser and OS, so it looks even more different on macOS in safari for example. However, the fact that it looks like it is disabled when compared with our other form elements (eg. a text input) is an issue, and one that GOV.UK seem to have fixed a while back: alphagov/govuk-frontend#2524 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
What is the problem?
Viewing the select component in the design system shows different styling between firefox, safari and chromium browsers.
Firefox/Safari:
Chromium:
This is resulting in some styling on NHS services (e.g. Register with a GP) being customised/overridden to avoid the greyed out appearance which looks like the dropdown is disabled.
Bugs
Expectation:
Styling of the dropdown to be consistent with a white background in the dropdown on all core browsers.
Reality:
Styling of the dropdown appears differently between firefox/safari (where it appears with a grey #e4e4e8 background) and chromium based browsers e.g. Arc, Chrome, Edge (where it appears with a white background)
Reproducing the bug
Steps to reproduce it:
Attachments
Firefox/Safari:
Chromium:
The text was updated successfully, but these errors were encountered: