feathericons / feathericons/react-feather
Set focusable="false" to avoid focus on icons in IE11
Open
- Dominant language
- JavaScript
- Stars
- 2k
- Forks
- 124
- PR merge metrics
- No merged PRs in 30d
Description
Similar to [this issue](https://github.com/PolymerElements/iron-iconset-svg/issues/46) 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
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.