Focus trap is not working after changing `blocking`
marekjedrzejewski opened this issue · 0 comments
marekjedrzejewski commented
Hello, I'm working on project which has dialogs fired from inside the bottom sheet, but it's not something that I can use sibling
for as it's rendered based on context in totally different place of the app.
I'm relying on blocking
prop - I thought I could set it dynamically based on dialog being opened or not, so dialog would have its own focus trap, and after it's closed, blocking
in set back to true
and focus trap is back to bottom sheet. Unfortunately, focus trap works only initially, after blocking
is set to false
, and then back to true
focus trap is lost. I prepared code sandbox which shows the issue:
https://codesandbox.io/s/late-firefly-fvyfgu?file=/src/App.js