Checkout UI Extension app block not rendering in the correct position #2142
Description
Please list the package(s) involved in the issue, and include the version you are using
"@shopify/ui-extensions": "2024.1.x",
"@shopify/ui-extensions-react": "2024.1.x",
"react": "^18.0.0"
Describe the bug
We're trying to help a merchant add one of our checkout extensibility blocks to their Checkout page, the block renders successfully but it's not placed in the correct position within the rendered checkout page.
In this screenshot attached you can see our app block is clearly placed below the Shipping Address section. But unfortunately the app block is still rendered above shipping.
The extension target is purchase.checkout.block.render and we don’t have any other problems placing this block below shipping with any other merchant.
Steps to reproduce the behavior:
I'm unable to reproduce except for this particular merchant's site.
All of our other merchants and development stores have no issues with accurate block section -> checkout page positioning.
Expected behavior
I expect the order of sections to be respected in the Checkout pages.
Screenshots
Additional context
I can provide the merchant's shopify domain to official Shopify staff, please email me at dylan [at] getverdict [dot] com