Skip to content
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

In error state, focused controls take on purple or red-and-purple focus indicator #1408

Open
mxmason opened this issue Jan 31, 2022 · 0 comments
Assignees
Labels
bug Problems with the project's functionality claimed Work is being done on an issue. design Issues with the visual appearance of the site.

Comments

@mxmason
Copy link
Member

mxmason commented Jan 31, 2022

Summary

When the contact form is in an error state, we intend to show a solid red focus indicator on inputs. In Chromium and Firefox browser, we render our custom purple focus indicator mixed with red. On Safari, we render a solid purple indicator. Both behaviors are undesirable, and the distinction between them probably comes from Chromium/Firefox's switch to :focus-visible as the default focus heuristic.

Focused text control in Safari:

Focused text control in Chromium Edge (MacOS)

@mxmason mxmason added bug Problems with the project's functionality design Issues with the visual appearance of the site. labels Jan 31, 2022
@mxmason mxmason self-assigned this Jan 31, 2022
@mxmason mxmason added the claimed Work is being done on an issue. label Feb 3, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Problems with the project's functionality claimed Work is being done on an issue. design Issues with the visual appearance of the site.
Projects
None yet
Development

No branches or pull requests

1 participant