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

Fix focus outlining for real #3983

Merged
merged 1 commit into from
May 17, 2017
Merged

Fix focus outlining for real #3983

merged 1 commit into from
May 17, 2017

Conversation

ryuyu
Copy link
Contributor

@ryuyu ryuyu commented May 17, 2017

Allow auto outlining. Fix issue with outline on click.
This gets rid of the orange outline in favour of letting the browser decide, and fixes the issue with seeing the outline when clicking an item.

@joelverhagen @skofman1

@@ -987,6 +987,12 @@ fieldset.form {
border-left: none;
}

.form-field input[type="checkbox"]:focus,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't see outline: auto !important; for <textarea>. Is that okay?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I didn't force outlines for inputs that had other methods of displaying that they were selected.
I believe text fields are considered accessible even without an explicit outline as the blinking cursor indicates focus.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sounds good!

@skofman1
Copy link
Contributor

🚢

@ryuyu ryuyu merged commit 3f25393 into dev May 17, 2017
@ryuyu ryuyu deleted the ryuyu-FixFocusOutlineReal branch July 6, 2017 20:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants