Givewp: Text should not be White in IOS 14 Stripe Modal

[DevinWalker]

User Story

As an Admin, I'd like to see the credit card field inputs in the Stripe Modal in IOS 14 or Mac OS 11.0 (Safari Browser only), so that my donors can see the data they input for their payment info for the donation.

Currently the numbers are there, but being displayed in white.

Details

Reproduced:

Acceptance Criteria

• [ ] Stripe CC fields appear in Safari

[canny[bot]]

This issue has been linked to a Canny post: Text should not be White in IOS 14 Stripe Modal :tada:

[henryholtgeerts]

Update: after installing the most recent version of Mac OS, I am no longer to reproduce the issue locally.

I am working with @ravinderk to further test this.

Screenshot (Safari on Mac OS 11.1):

[ravinderk]

@henryholtgeerts I am unable to reproduce this on the latest Safari and Chrome browser.

@DevinWalker maybe this issue is occurring on your system. Can you debug this on your system and let me know the cause of this issue?

[DevinWalker]

Testing Outcome

MacOS + Safari

Looks good:

iOS + Safari

This is where the issue is:

1. The font is incorrect
2. The button has the iOS emboss

[henryholtgeerts]

@DevinWalker Thanks for testing this out! The screenshots are really helpful. I'm curious - do you have any custom Stripe styles enabled in GiveWP global styles? Asking only because (to my knowledge) @ravinderk was not able to reproduce the same thing on his iPhone - and testing for me is challenging since I use Android, and the iPhone tests I have performed via BrowserStack don't reflect this issue either. By the looks of it I'm guessing that for some reason the usual logic to load styles into a Stripe Modal are not working.

[DevinWalker]

I don't have any special styles applied at all.