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.
Focus trap does not respect tabindex
See original GitHub issueBug, feature request, or proposal:
Bug.
What is the expected behavior?
Focus trap will focus elements with respect to tabindex attribute.
What is the current behavior?
When a dialog body (or any other focus trap) contains a HTML like this:
<input type="text" tabindex=2 ...>
<button tabindex=1 ...>
the input is focused, but the button should be obviously.
In addition using higher tabindex then 0 causes the focus trap to stop working at all. The anchors have tabindex 0 and are focused after all other elements on the page with tabindex not set. User is therfore able to focus elements under dialog overlay.
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
@angular 4.2.4 @angular/material 2.0.0-beta.7
Issue Analytics
- State:
- Created 6 years ago
- Reactions:5
- Comments:6 (2 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
Any news on this? It’s quite problematic that focus trap stops working once a tabIndex is set inside a dialog 😕
For someone just want set the initial focused element but don’t require detail orders. Use cdkFocusInitial directive on the element you want it to focus on first.