Has anyone run into responsive values not applying correctly to the display attribute on <s-box> or <s-grid-item> components? The docs indicate display supports responsive values . Here’s a minimal example of what I’m doing: <s-section> <s-query-container> <s-grid columnGap="base" …

I find that s-grid-item ignores the display attribute entirely. This makes it impossible to remove grid cells that span multiple rows/columns responsively. Is there a place to file bugs? @Liz-Shopify or @Liam-Shopify ?

Confirmed that s-grid-item is not responding to the display property. We’ll look into it and let you know when there’s an update. Thanks for reporting this!

@Anthony_Frehner Thanks for looking into this. Question: are these forums the best place to report bugs, or is there a GitHub repo where we should put issues?

Issue with responsive value for display on `s-box` and `s-grid-item`

Polaris

Joshua_Lucas October 14, 2025, 3:08pm 4

@Anthony_Frehner Thank you!

Share: What I'm building with the new Polaris Web Components

Topic		Replies	Views
Responsive value on <s-box> display attribute doesn't work Polaris extensions	1	46	January 17, 2026
Issue with s-grid Web Component – Responsive Grid Layout Not Working Anymore Polaris	5	263	March 17, 2026
Responsive value query is not working in nested condition for s-grid gridTemplateColumn Polaris new-app-dev-command	3	119	January 16, 2026
Ui Extensions: `<GridItem/>` vs `<s-grid-item/>` regressions Extensions checkout-ui-ext , customer-account-ext	1	51	May 11, 2026
Ui Extensions: `<Grid/>` vs `<s-grid/>` regressions Extensions checkout-ui-ext , customer-account-ext	3	56	May 7, 2026

Issue with responsive value for display on `s-box` and `s-grid-item`

Related topics