davidtheclark / react-aria-modal

A fully accessible React modal built according WAI-ARIA Authoring Practices

Home Page:http://davidtheclark.github.io/react-aria-modal/demo/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Not able to tab into iframe

mtrueblood opened this issue · comments

When we put an iframe into the modal-body, we're unable to tab into the iframe.

I even went to the demo page and updated the modal-body section of demo number 5 with a random youtube iframe embed code. I'm unable to tab and click to watch the video and the focus then gets stuck on the 'deactivate modal' button. Here is a screenshot:
image

We're having the same issue, however our close button comes before the iframe. When we tab once, we get our close button, when we tab again expecting to now be on the iframe, we're actually stuck on the close button and cannot get into the iframe.

Yeah, this is a known issue with the lower-level tabbable library: focus-trap/tabbable#23. Solutions welcome!

Closing here, as the root problem is in tabbable and focus-trap.