Blank s-select element

[Alex_Moser]

Occasionally, the s-select element will appear blank/empty on page load, despite having a selected value.

Here is an example from the polaris docs page:

To replicate this, just go to the docs page and refresh it a few times (took maybe 5 in this case). This is an issue we see in our own apps that use the Polaris select, and it is confusing for merchants.

[Luke]

Think this is been flagged and raised a couple times on the forums already.

[Alex_Moser]

I looked briefly before posting, though this issue has existed for quite a while, so I wouldn’t be too surprised. If you happen to come across one of the duplicates, let me know and I will close this one.

[Wes-Dev-Shopify]

Hey @Alex_Moser - thanks for flagging this. As @Luke mentioned, the symptoms match the issue already being discussed here:

Invisible <s-select value

Hey team, Facing a bit of an odd issue where select ‘values’ are not being shown. In this example, we’re only using <s-select value="val"> - and not using the selected or defaultSelected props on the <s-option>. But, we’ve replicated using those properties also. It’s also worth noting that this intermittent, which leads me to believe this is potentially a SSR issue. [CleanShot 2025-11-19 at 14.29.26] Has anyone seen something similar? Any recommendation on things to try? EDIT: It also does …

It doesn’t appear that this was ever resolved, so we’re looking into it on our end now. Let’s continue the discussion and share any updates in that earlier thread. I’ll close this one as a duplicate.