Accessibility issue - Focus trap in modal is not working when the focus element is removed from the DOM

[eitanavgil]

Bug report

Modals should trap focus and keep the focus inside. If the focus is on something that is removed from the DOM the focus does not stay inside the modal, but is moving to the body and the modal is kept open while navigation is outside of it.

Current Behavior

See video here

Expected behavior

Modals should keep focus in it no matter what.

Reproducible example

https://wk3r6u-5173.csb.app/

Suggested solution

Whatever happens - keep the focus on the modal

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-dialog
React	n/a	17.0.2
Browser	chrome
Assistive tech	keyboard tabbing
Node	n/a	14
npm/yarn	yarn
Operating System	osx

[benoitgrelard]

Duplicate of #1498