Stuck on an issue?

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.

Issue on Chrome with tabindex="-1" container when there's a document selection

See original GitHub issue

Hi, I encounter a strange behavior on Chrome.

When I activate a focus trap on a radio group inside a container with tabindex="-1" I can no longer click radio labels to toggle radios, but only when I select some text before activating the focus trap 🤷‍♂️

Here is a gif of the issue : focus-trapissue

The code to reproduce : https://gist.github.com/romgere/daa6d4875ba613a4ed42f75d6bce73f6

Issue Analytics

State:
Created 3 years ago
Comments:7 (6 by maintainers)

Top GitHub Comments

1reaction

stefcameroncommented, Feb 20, 2021

@romgere FYI, I have a fix in https://github.com/focus-trap/focus-trap/pull/324

0reactions

stefcameroncommented, Feb 22, 2021

Hi @stefcameron thx for the explaination & for you efforts to find a fix. On my side I’m able to remove the focusable div to restore the radio behavior. So don’t worry to much about this issues, at least before someone encounter same issue.

Thanks for the follow-up! I’m glad you got it working.

I’m going to close this issue. It can always be re-opened in the future if a lot of people start running into this.