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.
Has anyone seen something similar? Any recommendation on things to try?
EDIT: It also does look like the ‘value’ property is computed correctly
I’ve experienced this as well, and the issue was completely random. Sometimes it was showing the value, sometimes not. I suppose you’re working on React 19 ? React 19 and Polaris web components have ton of weird bugs, especially when using SSR.
One thing I noticed is that, when I inspect the generated HTML, the <span class="value"></span> is also empty, even though it should contain the default value.
The issue seems completely random. I have a settings page with dozens of s-select components, and on page load there is usually one that ends up empty like this, though sometimes none of them are affected.
edit: I’m not able to replicate this consistently. I think I could be flicking between CDN edges - just a gut feel.
Hey Anthony, just refreshed a few times and was still able to see the issue. It definitely happens less (requires 5-6 reloads) so imagine it’s intermittent but still there.
Hey! I can confirm the issue is still present with Polaris Web Components. It’s actually the only BFS rejection reason I can’t realistically fix on my side, apart from switching back to regular HTML <select> elements, which is obviously far from ideal…
It would really be great to get a definitive fix for this issue, especially since it’s also impacting the user experience inside the app.