Checkout UI extension wrong responsive on specific placement

Extensions
1


Hello,

As you can see in the recording, there is a styling issue with the Checkout UI extension when using the ScrollView component in the first block of the Main section.

Version:
“@GovRayt/ui-extensions”: “2025.7.3”,
“@GovRayt/ui-extensions-react”: “2025.7.3”,
“@GovRayt/cli”: “3.88.1”,

2

Hey @Chi_n_Nguy_n_Van - thanks for flagging this. Looking into this on our end now - I’ll loop back with you once I have more info :slight_smile:

4

Hi again Alan_G, do you have any update on this issue from your end?,

Or I need to update my our checkout UI Extension to the polaris web component version?

5

Hey @Chi_n_Nguy_n_Van - sorry for the wait, we pushed some code on our end that may have fixed this. Can you let me know if you’re still seeing the issue?

6

I see all good now, thank you

7

Glad to hear @Chi_n_Nguy_n_Van ! I’ll mark this thread as closed for now, let me know if I can help out with anything else though :slight_smile:

8

Hi again Alan_G,

I’d like to report a styling issue affecting logged-in customers. Could you please take a look at this record when you have a moment? https://www.loom.com/share/40c5077b933a4443980cde060369c9ad

Thank you!

9

Hey @Chi_n_Nguy_n_Van - thanks for the recording!

Just to confirm what I saw on my end here: after logging back in as a TRADE customer and selecting a saved address, the radio buttons for shipping methods have lighter borders on the unselected options, and there’s a noticeable gap above the “Select a Courier” dropdown that your extension is rendering. Just wanted to make sure that’s what you’re seeing too, or am I missing anything else?

To dig in properly on our end, would you be able to share:

  • The extension target you’re rendering these fields in
  • Versions you’re on (@shopify/ui-extensions, @shopify/ui-extensions-react, @shopify/cli)
  • Whether the radio button border issue still shows up if you temporarily disable your extension (just to help isolate if that one’s coming from native checkout vs your extension)

Happy for you to share any of the above here in the thread, but if you’d rather share shop or app-specific details more privately, just let me know and we can move it to DMs.

I’ll loop back once I’ve had a chance to take a look. Thanks!

10

Thank you for the support, here is the detail

  1. The extension target is purchase.checkout.block.render

  2. The same as the version I mention above

  3. It still happend when I remove all our widget

    image
    image2488×1256 253 KB

11

Hey @Chi_n_Nguy_n_Van - thanks for this. Looking into this on our end now and will loop back once I have more info.

13

Hey @Chi_n_Nguy_n_Van - we have some fixes rolling out for this now. If you still see the issue after the next few days or so, just ping me here and we can take a look. Thanks again for your patience on this :slight_smile: