Choice list component is not working

Polaris
1

Hello,

The s-choice-list component does not work as documented. While the input event works, the change does not.

Reproduction:

<s-choice-list name="foo" label="Foo" values={["one"]} onChange={e => console.log('Never called') }>
          <s-choice label="one" value="one"></s-choice>
          <s-choice label="two" value="two"></s-choice>
        </s-choice-list>
2

Hm, unfortunately I cannot reproduce this one. Can you give me a little more details about your setup and I’ll see if I can figure out what’s going on? Are you using this in an app or an extension? Are you using React, Remix, Preact? etc.

3

On React 19 (I just tried to update as the other issue related to react 19 was fixed)

4

I’ve tried some more and now the <s-text-field> onInput is also no longer working on React 19 when the fields are inside a <ui-modal>.

5

@Anthony_Frehner after doing some test I can confirm this issue only happens on React 19. Reverting to React 18 works properly.

1 Like
6

Ah, thanks for that info! We’ll look into it.

7

Are both of these only while inside a ui-modal element? Or outside of it too?

8

Only when inside a modal. There are other problems related to other fields outside modals as well, but for this specific issue I was only able to reproduce in in modal.

1 Like
9

@bakura10 are you by chance using Firefox? If so, could you test in Chrome / Safari and see if both input & change events are firing there?

I suspect that this is a Firefox-specific bug, but want to confirm.

11

Hello,

Same issue on Chrome.

1 Like