PERF-known-bugs | Stripe Developers | Page 1

rain yoke Aug 10, 2022, 5:23 PM

#

That's a bit of a nebulous question. Are you seeing something specific happen? If so, how can we reproduce it?

primal violet Aug 10, 2022, 5:26 PM

#

sorry! we meet again @rain yoke haha

This seems to only be an issue on Android

when running the following I see this on the simulator on android.

await initPaymentSheet({
          appearance: {
            colors: {
              primary: "#f13665"
            }
          },
          customFlow: true,
          merchantDisplayName: MERCHANT_DISPLAY_NAME,
          customerId: customerID,
          customerEphemeralKeySecret: ephemeralKey,
          setupIntentClientSecret: setupIntentKey,
        });

Screen_Shot_2022-08-10_at_10.25.19_AM.png

#

however when running i see this

await initPaymentSheet({
          appearance: {
            colors: {
              primary: "#f13665"
            }
          },
 //         customFlow: true,
          merchantDisplayName: MERCHANT_DISPLAY_NAME,
          customerId: customerID,
          customerEphemeralKeySecret: ephemeralKey,
          setupIntentClientSecret: setupIntentKey,
        });

Screen_Shot_2022-08-10_at_10.26.57_AM.png

rain yoke Aug 10, 2022, 5:35 PM

#

Hmm, let me check

solid python Aug 10, 2022, 5:40 PM

#

👋

#

What version of our React Native SDK are you using?

primal violet Aug 10, 2022, 5:42 PM

#

    "@stripe/stripe-react-native": "^0.15.0",

solid python Aug 10, 2022, 5:42 PM

#

Thanks.

#

I'm not aware this should be the case so attempting to repro myself.

#

Give me a moment

primal violet Aug 10, 2022, 5:54 PM

#

ok

solid python Aug 10, 2022, 6:00 PM

#

Hmm so mine seems to be fine:

Screen_Shot_2022-08-10_at_11.00.08_AM.png

#

I'm seeing the Pink outline in the custom flow on Android as expected

#

I'm not seeing any differing behavior between iOS and Android here

primal violet Aug 10, 2022, 6:08 PM

#

was that after a hard refresh of the app?

#

aka kill it and reopen

solid python Aug 10, 2022, 6:23 PM

#

Wow okay now I do see that

#

Good call

#

Really interesting because after I toggle custom flow off the appearance does seem to be cached

#

So you can only repro the initial time after a hard reset

#

I'm assuming you haven't tested this on a real device, correct?

#

Can you also confirm what emulator device you are using?

primal violet Aug 10, 2022, 6:28 PM

#

Cache issue?

solid python Aug 10, 2022, 6:33 PM

#

Well the emulator is pulling the correct appearance API from somewhere.

#

Can you:

comment out the custom flow
reload your app (should see correct button color)
toggle back in the custom flow
Reload your app (should see correct button color still)

#

Then just hard reset your app, and let me know if you see the default colors.

primal violet Aug 10, 2022, 6:50 PM

#

I have not tested on an actual device yet.

#

@solid python what do you mean by reload? kill and reopen or allow react-native's hot reloaded to reload

solid python Aug 10, 2022, 6:52 PM

#

Hit r in Metro

primal violet Aug 10, 2022, 7:01 PM

#

ok give me a moment

#

Sorry i am having some emulator issues, this might take a bit longer than expected

solid python Aug 10, 2022, 7:13 PM

#

Np, it was really finicky for me and took a while as well

primal violet Aug 10, 2022, 7:14 PM

#

you were able to see it happening / is a bug ?

solid python Aug 10, 2022, 7:15 PM

#

It does seem so.

#

I'm just confused why it does display correctly after I refresh from the non-custom flow

#

I assume because that appearance setting is getting cached somewhere

#

But not sure.

#

I'll file a bug report either way but having you reproduce exactly what happened to me would help confirm what is going on.

primal violet Aug 10, 2022, 7:26 PM

#

Following this #1006975325944680549 message

I saw the same thing

solid python Aug 10, 2022, 7:27 PM

#

Gotcha

#

So the bug does only appear when you do a hard restart

#

Otherwise we are pulling the appearance API correctly from... somewhere

#

So for next steps, can you write an email to support (https://support.stripe.com/contact/login) and mention my handle bismarck in your email and let me know when you have sent it? That will allow me to grab the ticket and follow up with you async after I file the bug report. Then I can keep you updated on when this is fixed.

primal violet Aug 10, 2022, 7:36 PM

#

email sent through the support portal

Subject was "React-native SDK is not properly displaying custom colors when customFlow is true on android. "

solid python Aug 10, 2022, 7:40 PM

#

Great I see it

#

I'll follow up over email later today.

#

Thanks for flagging this!

primal violet Aug 10, 2022, 7:41 PM

#

np, as for a work around for the time being... would you suggest just not setting the customFlow to true?

solid python Aug 10, 2022, 7:42 PM

#

Yes that is likely best. Overall I will push for this to get fixed pretty quickly, though I can't promise it.

primal violet Aug 10, 2022, 7:43 PM

#

haha all good. I am sure there are plenty of other more pressing things. what is "pretty quickly" in the world of stripe dev speed?

solid python Aug 10, 2022, 7:43 PM

#

Really depends on how tricky the bug is to fix.

#

We usually try to prioritize stuff like this pretty quickly.

#

But yeah, can't give a specific timeline since I don't know how involved the fix will be.

primal violet Aug 10, 2022, 7:44 PM

#

classic broad answer, i dig it 🙂

solid python Aug 10, 2022, 7:45 PM

#

Just got to manage expectations :). I'll likely know more later today and may be able to give you more specifics.

primal violet Aug 10, 2022, 7:46 PM

#

cool cool 👍🏻

#PERF-known-bugs