How to stop propagation on SelectPrimitive.Item?

Question

Hi, I want to stop propagation click event on SelectPrimitive.Item. I already checked that current SelectPrimitive.Item use onPointerUp() event to handle select event. I tried like below, but it is not working correctly. Please let me know how to stop propagation or fixed it if it is a bug.

<SelectPrimitive.Item
    onPointerUp={(event) => {
        console.log('onPointerUp');
        event.stopPropagation();
    }}
    onClick={(event) => {
        console.log('onClick');
        event.stopPropagation();
    }}>
    ....
</SelectPrimitive.Item>

[benoitgrelard]

Ah I see, in which case I will close this as a duplicate of #1658 🙂

[inje-hottestlab]

@benoitgrelard I just created test-case in CodeSandbox, but I cannot reproduce the bug on it. https://codesandbox.io/s/flamboyant-pateu-3ckit0?file=/src/App.tsx&resolutionWidth=320&resolutionHeight=675

I found that the bug is only occurred on Chrome mobile dimension mode. Please refer to attached video.

https://user-images.githubusercontent.com/77093262/194849439-2c8cf0d8-4808-4f78-912c-42a49c68f5ee.mov