Skip to content

Cannot tab to reCAPTCHA in Safari #870

Open
@LeeroyJenks

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions