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.

Sign up for GitHub

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

Jump to bottom

Set focusable="false" to avoid focus on icons in IE11 #23

Open
ghengeveld opened this issue Sep 12, 2018 · 1 comment
Open

Set focusable="false" to avoid focus on icons in IE11 #23

ghengeveld opened this issue Sep 12, 2018 · 1 comment

Comments

@ghengeveld
Copy link

Similar to this issue SVGs in IE11 are focusable by default (using the tab key). Since I'm using react-feather icons alongside form fields for validation, this makes navigating the form using the tab key quite tedious in IE11.

The fix: add focusable="false" to all svg elements.

See also: https://stackoverflow.com/questions/18646111/disable-onfocus-event-for-svg-element
@DanielRuf
Copy link

focusable="false" tabindex="0" is recommended for backwards compatibility.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ghengeveld @DanielRuf