Explicitly setting multiple={false} on s-choice-list fails to render inputs on Chromium browsers

Polaris
1

If you set multiple={false} on an s-choice-list you get the result shown below in chromium-based browsers. It seems like the component attempts to render the inputs as check boxes first, and then fails to render them at all. Removing multiple and relying on the component’s default of false works fine.

image
image280×155 2.17 KB

2

I can’t reproduce this one after a quick try. Can you share your code and stack info? Curious about which react version if you’re using react. Thanks

3

Also could not replicate, using React19. Sandbox here https://codesandbox.io/p/devbox/polaris-wc-react-template-forked-wqxgj7?workspaceId=ws_2hwbDQnoDWqZjgYjLNSEoC

4

We’re on React 18.3.24 through react-router 7.8.2. Possible that server-side rendering is a part of the problem.

Code for the component is as follows (this is without multiple={false}):

image
image558×397 16 KB

5

Do you mind replicating this in a codesandbox and sharing it? Thanks.

1 Like