S-select Polaris web component regression?

Polaris
1

Hi,

It looks like the Select polaris web component has broken today in the latest polaris updates.

See Select documentation which is also failing to load the component.

It does not render at all on mobile, and the styling on desktop does not match all other polaris components.

image

2

Wow, that’s exactly why i’ll stick with polaris react forever.

3

We just tried to replicate this across multiple people and multiple browsers, and were unable to replicate the broken state. Help us debug this by letting us know:

  • which browser are you using?
  • which version of that browser?
  • are you able to replicate it in a simple example codepen, like so https://codepen.io/afrehner/pen/YPWmLpv
  • If you load it on another device, is it still broken?
  • if you load it on another browser in the same device, is it still broken?

Thanks!

4

Ah we may have found a way to reproduce. Thanks! Looking at rolling back.

5

We were able to find the issue and deploy a fix. Select should be working on mobile devices again.

If you’re still able to reproduce, reply here and we can take another look.

6

Can confirm that this is resolved. Thanks for the prompt response.

7

I’m experiencing another issue with the s-select component.

If “books” is selected, then we should see books as selected option, however, the placeholder overwrites the selected value.

<s-select
  label="Product category"
  placeholder="Choose category for better organization"
>
  <s-option value="clothing">Clothing & apparel</s-option>
  <s-option value="accessories">Accessories & jewelry</s-option>
  <s-option value="home-garden">Home & garden</s-option>
  <s-option value="electronics">Electronics & tech</s-option>
  <s-option value="books" selected>Books & media</s-option>
</s-select>

Thank you!

8

Happening to me too, if I set no placeholder the s-select sometimes renders an empty selector, if I set the placeholder then it sometimes renders the placeholder value even though when you open the dropdown the correct item is selected.

Only happens sometimes not always, on about 70% of page loads its fine but 30% of the time its messed up and wrong

1 Like
9

We’re struggling to reproduce your screenshot, which device is that select style from?

10

I’m also facing an issue where, when a placeholder is added to the s-select , the first option cannot be selected on the first attempt. After selecting any other option, the first option then becomes selectable and behaves correctly. This behavior is also reproducible in the official docs example: Select