[Modal] Request to add option to disable focus trap
See original GitHub issueIs your feature request related to a problem? Please describe. I am attempting to open a drawer on the right while maintaining an interactable menu down the left. I can position the left menu so that links can be clicked by manually selecting the html elements of the drawer and manipulating their width, but this still leaves my left menu search bar as unfocusable. This “solution” is less than ideal as I don’t want to cripple my UX to support this particular drawer, and it’s pretty messy selecting and modifying elements manually.
Describe the solution you’d like Two things would be extremely useful, both providing the drawer with more flexibility.
-
Add an option to disable the focus trap
disableFocusTrap?: boolean
. -
Add an option to control the height/width of the area occupied by the modal/overlay/etc. This would allow for situations where parts of the UI could still be interacted with without closing the drawer.
Describe alternatives you’ve considered There is no real way around the focus trap as it currently stands. When the drawer is open, nothing can be done to escape it (that I’m aware of). The interactable area problem can be partially solved by manually manipulating the elements once they’re rendered, but this is pretty ugly and definitely shouldn’t be encouraged.
Additional context This is a simplified example, but it contains the basics. The righthand drawer is opened when someone is selected from the panel on the left. I need the panel on the left to still be interactable so that another user can be selected without first closing the drawer
Issue Analytics
- State:
- Created 3 years ago
- Reactions:8
- Comments:5 (1 by maintainers)
Top GitHub Comments
This has been resolved in preparation for the next release.
Thanks for bringing it up.
@segunadebayo Sorry but I am looking for this feature, has this been implemented yet?