#mentioscar_code

1 messages · Page 1 of 1 (latest)

woven ravineBOT
#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1227246896893136918

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

shadow violet
#

These cookie warnings look suspicious for the Devs that haven't cleared their browser cache yet?

screenshot_2024-04-09_at_15.png
ebon fiber
#

Hi there 👋 I'm not sure offhand, I'd expect an erorr of some sort to be surfaced if we're unable to render or mount the element. Do you have a test site where I can see what you're describing?

shadow violet
#

We would expect the same in our logs. Yes! One second, I'll fire something up.

#
  1. Navigate here: https://big-frog.mentimeter.dev/app/home
  2. Sign up, not log in, with a completely new and random email + name + password. Doesn't matter what you put here.
  3. Click on your avatar in the top left corner -> click on your email address-> search for PAY_Custom_Checkout -> toggle it to ON
  4. Navigate to https://big-frog.mentimeter.dev/app/checkout/pro
  5. Now you should see that the payment element is not loaded here, i.e. the element is empty
ebon fiber
#

I'll try to step through that, but it'll take time. Do you happen to have a single page with no auth needed that shows the concern?

#

I see the Payment Element

image.png
shadow violet
#

Wow, interesting. What happens if you clear your cache or open it in an icognito window?

#

Regrettably we don't have a single page with no auth to access it

ebon fiber
#

I can't access it in incognito (work laptop restriction), and would really rather not clear my cache on my main browser. Are you seeing this behavior across all browsers?

shadow violet
#

Across all browsers and all of our devs who have cleared their caches.

#

Specifically the browsers that I haven't used before to visit this page

ebon fiber
#

Not sure if it matters, but I also see the avatar in the top right rather than top left. Not sure if that means I'm seeing a different version than you're looking at.

shadow violet
#

Sry, I mistook my lefts from my rights!

#

You are seeing the correct page

ebon fiber
#

I hit a login screen after clearing my cache

shadow violet
#

Just sign up again

charred latch
#

Are you doing this in NextJs or react?

shadow violet
#

Next

ebon fiber
shadow violet
#

Can you please try again? Can you please provide the page where you encountered the 404?

#

And also ensure that you click on the avatar to toggle on the Custom Checkout again

ebon fiber
#

I've tried in both Firefox and Chrome and am not able to see the behavior you're describing. The Payment Element consistently renders for me.

shadow violet
#

Thank you for your patience 🙏

ebon fiber
#

Sorry, the server is very busy at the moment. I don't have the time right this second to step through this again. Have you tried adding logging to your code so you can see exactly how far it gets before it stops behaving as expected? Is your code getting to the point of trying to render the Payment Element when you don't see it displayed?

shadow violet
#

I understand. To give more context. We can see an empty iFrame in the DOM when it doesn't show the PaymentElement and we get a new warning "An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing." which seems to be connected. We've tried logging at all possible places and everything is returned correctly. From the Stripe Promise to the initialization of the Elements. Literally the only thing is that in incognito windows it just does not load.

#

We have a suspicion actually that it might be blocked by our One Trust Cookie banner 🤔

ebon fiber
velvet pulsarBOT
fringe estuary
#

@shadow violet Let me know if you have more detailed instructions to reproduce the issue