Responsive value on <s-box> display attribute doesn't work

Polaris
1

Hello,
I’ve read the post about this and s-grid-item responsive value on display attribute not working, and saw that the fix was pushed live. However using this on s-box still does not work no matter what i do here. In inspect i can see both images are rendered but the desktop image container is set to display none. And they never switch, i always see only the mobile image.

I had used MaybeResponsiveConditionalStyle before, but it don’t seem to be a thing with preact anymore so i have to resolve to doing responsive values that are container based? Or is there any other ways?

image
image1111×149 12.5 KB

Also additional problem with this is that using inlineSize=”fill” on s-image also doesn’t even render the image. Only “auto” works

image

image
image961×444 24.3 KB

Using latest dependencies with a fresh app and freshly generated extensions

 "dependencies": {
    "preact": "^10.10.x",
    "@preact/signals": "^2.3.x",
    "@shopify/ui-extensions": "2025.10.x"
  }
2

You need to wrap anything that uses the responsive values in an <s-query-container> component, I believe.

2 Likes