Bug with the "background" attribute in customer account extension?

Extensions
1

Hello,

I am migrating our customer account extension to Preact, and I think I am seeing an anomaly with the “background” attribute and the “base” value which is not taking on the usual white color for this value on other pages.

I tested it specifically with the s-box and s-stack components, but on the other hand I cannot reproduce this behavior with our extension on the checkout pages (payment and thank you page).

Can you please confirm whether this is abnormal behavior or is this value for this attribute supposed to be transparent in a customer account extension?

Here is are the dependencies of my extension’s package.json:

“dependencies”: {
“@preact/signals”: “^2.8.1”,
“@shopify/ui-extensions”: “^2026.1.1”,
“axios”: “^1.9.0”,
“preact”: “^10.28.4”
}

And below a screenshot of how the block is rendering despite having the “base” value for the “background” attribute on the order status page:

Thank you.

image
image1160×708 48.1 KB

2

Hey,

thanks for reaching out.

Any chance you’d provide a bit more code that’d help us reproduce the issue?

Just a minimal version with hard coded text is fine.

Thank you!

3

@yjoly can you try wrapping your content with an s-section component?

4

Hello Robin,
Thanks for replying. Here is the code that wasn’t working as I expected:

<s-box padding="base" background="base" border="base" borderRadius="base"> // here is the 'background="base"' that is not working
    <s-stack gap="small-200" background="base"> // tried the same here with s-stack, same result, background is transparent instead of white
        // some code...
    </s-stack>
</s-box>

As you recommended, I wrapped my content inside an s-section component and it worked, thanks a lot for that.

Let me know if the code I shared above is enough for you to reproduce the issue. I tried with minimal content inside of it (if the issue could ever be related to the content), and still got the problem.

Thanks again.

5

Hey,

thanks for the snippet.
You mentioned that you are migrating to the Preact version. Could you also share the code that you had before that did set the background color?

Where you using Card before?

Thank you!

6

Indeed, here is the code that I was using before migrating to Preact:

<Card padding={true}>
    <BlockStack padding="base">
    // some content...
    </BlockStack>
</Card>
7

Thank you for sharing!

This makes sense then. s-section does indeed replace Card. Upgrading to 2025-10