You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
When using the CardField component, the default cardStyle text color is white on Samsung Galaxy S24 (Android 14)
On an emulator with Android 8, the CardField text color is white only when you select the desired network (see attached videos)
Launch the application on a Samsung Galaxy S24 with Android 14
You can see that initial CardField text color is white in preferred networks dropdown list
Expected behavior
The CardField has initially the proper text color, the default grey icon should show up, and the text color of the differents networks should not be white.
Screenshots
You can find 2 videos below, one from a Samsung Galaxy S24 on Android 14, and a video from an Android Emulator with Android 8.
It seems that the issue comes from whether the dark mode is enabled or not in the Android settings...
My apps doesn't handle the dark mode, but it seems the Stripe sdk does.
Can you disable the dark mode on the Stripe React Native SDK ?
The issue seems to come from whether or not the system is in dark or light mode. The Stripe CardField component seems to adapt its style accordingly.
My Application is always in light mode. So I forced the app to be in light mode with this line:
Appearance.setColorScheme('light');
That way, the Stripe SDK will always be in light mode. However I still have a bug in the selected network dropdown. The text color is white on a white background as you cann see on the video below.
Hello,
I can confirm that there is a bug in the SDk with the light mode (Android only) when you select the payment network, as you can see on the video. The selected network text color stays in white color. The cardStyle acts only on the CardField component style, but not on the network selection dropdown style.
Describe the bug
When using the
CardField
component, the default cardStyle text color is white on Samsung Galaxy S24 (Android 14)On an emulator with Android 8, the
CardField
text color is white only when you select the desired network (see attached videos)To Reproduce
Steps to reproduce the behavior:
<CardField/>
to your screenCardField
text color is white in preferred networks dropdown listExpected behavior
The
CardField
has initially the proper text color, the default grey icon should show up, and the text color of the differents networks should not be white.Screenshots
You can find 2 videos below, one from a Samsung Galaxy S24 on Android 14, and a video from an Android Emulator with Android 8.
https://github.com/user-attachments/assets/44b7d04e-6297-465a-9eb1-5637b26f0557
https://github.com/user-attachments/assets/619d0887-72d5-4631-944b-5f7a4d24b081
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Stripe sdk -> "@stripe/stripe-react-native": "0.38.6"
Here is the code of the
CardField
:And here is the
styles
object used by theCardField
:The text was updated successfully, but these errors were encountered: