Cannot tab to reCAPTCHA in Safari

[LeeroyJenks]

Summary:

Tabbing skips reCAPTCHA inside of modal on Safari.

Steps to reproduce:

1. Open linked example in Safari desktop
2. Attempt to tab through content (the modal is already open)
3. Tabbing skips the reCAPTCHA completely

Expected behavior:

The user should be able to tab from the inputs and buttons to the reCAPTCHA.

Link to example of issue:

Example can be found in this CodePen

Additional notes:

I am using the react-google-recaptcha package, but I believe this has to do with the reCAPTCHA being inside of an iframe.

react version: 17.0.2 (but also happening in 16.x.x) react-modal version: 3.13.1 react-google-recaptcha version: 2.1.0 Safari version: 14.1