Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG]: CardElement not focusing next element on forward tab when within iframe #384

Open
andy-hook opened this issue Nov 15, 2022 · 10 comments
Labels
bug Something isn't working pinned

Comments

@andy-hook
Copy link

What happened?

After forward tabbing through the CardElement if the next focusable element is within an iframe then it will be skipped.

My use case is that I'm combining the AddressElement with CardElement and the former renders it's inputs within an iframe, breaking keyboard accessibility if CardElement appears before.

Environment

Chrome 107.0.5304.110 (Official Build) (arm64) on MacBook 12.6 (21G115)

Reproduction

https://codesandbox.io/s/stripe-card-element-tab-focus-fs30nu?file=/src/CardForm.tsx

@andy-hook andy-hook added the bug Something isn't working label Nov 15, 2022
@graceg-stripe
Copy link
Contributor

@andy-hook Thank you for flagging this. We are investigating into this issue and will update the status here.

@stale
Copy link

stale bot commented Dec 9, 2022

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Dec 9, 2022
@andy-hook
Copy link
Author

Thanks @graceg-stripe , was there any progress?

@stale stale bot removed the stale label Dec 9, 2022
@stale
Copy link

stale bot commented Dec 29, 2022

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Dec 29, 2022
@stale
Copy link

stale bot commented Jan 23, 2023

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Jan 23, 2023
@stale
Copy link

stale bot commented Feb 12, 2023

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Feb 12, 2023
@stale
Copy link

stale bot commented Mar 4, 2023

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Mar 4, 2023
@stale stale bot closed this as completed Mar 14, 2023
@cbala-stripe cbala-stripe reopened this Mar 20, 2023
@djejaquino
Copy link

It happens when you Shift+Tab too, moving from CardElement into a previously declared iframe, the iframe is skipped.

@sicknarlo
Copy link

Any updates on this? It's still very much an issue.

@tayeke
Copy link

tayeke commented Jun 21, 2024

We just realized this is an issue for us too and is a very very big deal.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working pinned
Projects
None yet
Development

No branches or pull requests

7 participants