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

[andy-hook]

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

[graceg-stripe]

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

[stale[bot]]

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.

[andy-hook]

Thanks @graceg-stripe , was there any progress?

[stale[bot]]

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[bot]]

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[bot]]

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[bot]]

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.

[djejaquino]

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

[sicknarlo]

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

[tayeke]

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