Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[Breadcrumbs] Focus goes to top of page after expanding in IE11
See original GitHub issue- The issue is present in the latest release.
- I have searched the issues of this repository and believe that this is not a duplicate.
Current Behavior 😯
In Internet Explorer 11, the focus is shifting to the top of the page after expanding the Breadcrumb list via keyboard.
(Note: if it helps to debug - after hitting the expand button, document.activeElement returns the <body> element of the page. This is also the case in Chrome and Firefox, but IE11 seems to handle the situation much differently.)
Expected Behavior 🤔
Focus should remain contained within the Breadcrumb list, possibly going to the next newly-revealed Breadcrumb.
Optionally, if there was some sort of available onExpand handler, this could probably be achieved via user implementation. (Unsure if this would constitute a separate issue all together, or even be a possible breaking change, but figured I’d put out the suggestion anyway.)
Steps to Reproduce 🕹
Using the current live documentation example of Collapsed Breadcrumbs, since I think codesandbox examples don’t render in IE11?
Steps:
- Navigate to the above example in IE11
- Tab to the expand
...button in the “Collapsed breadcrumbs” example - Hit enter
- Hit tab again and observe that the focus is now on the “Skip to content” button at the top of the page
Context 🔦
Testing that the Breadcrumb component is adequately accessible for our users (which a decent majority still actively use IE11 😢)
Your Environment 🌎
| Tech | Version |
|---|---|
| Material-UI | v4.9.6 |
| React | |
| Browser | IE 11 |
| TypeScript | |
| etc. |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@malouro @oliviertassinari Can I take this issue?
@ShehryarShoukat96 feel free to take this, haven’t gotten the chance to get to it