The gateway selector list should prevent a Safari bug that does not automatically set the selected item as the active element

[glaubersilva]

User Story

When a user clicks on an item of the gateway list on the payment form, the item selected gets automatically set as active in most browsers. But on Safari this behavior does not happen and as a result, when we try to use the event.currentTarget.activeElement to get the active item, we receive the body element as the active item instead of the item selected in the list.

Details

To check more details about this problem, check this link: https://stackoverflow.com/q/41035743

Additional Context

As a sample, check this Square addon method that is trying to use event.currentTarget.activeElement and because of this problem instead of loading the gateway data, it shows an error in the console and does not render the credit card fields when the user is using Safari.

Acceptance Criteria

• [ ] When a user clicks on an item in the gateway list, the item selected gets automatically set as the active element.

[canny[bot]]

This issue has been linked to a Canny post: Square credit card fields do not render in Safari :tada:

[github-actions[bot]]

This issue is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 14 additional days. Note, if this Issue is reporting a bug, please reach out to our support at https://givewp.com/support. If this is a feature request, please see our feedback board at feedback.givewp.com — that’s the best place to make feature requests, unless you’re providing a PR.

[github-actions[bot]]

This issue was closed because it has been stalled for an additional 14 days with no activity.