Bug: Select component doesn't stop event propagation when selecting an option in mobile/tablet device

[N1ckzz]

Description of the bug

As mentioned in the title of this issue, we are facing a problem since in our case we are using a select that right below has a date picker and the problem is accentuated by this situation (you can see a similar example in the playroom) and since the propagation of the event is not stopped after selecting an option the date picket open and sometimes even the select option menu stays open.

This problem seems related to the usage of the react-select package with the portal implementation for the option, as suggested here this might be also a possible solution to the problem.

Playroom reproduction

To reproduce:

• go to this playroom repro
• click in the select to open it
• select an option that is over the datePicker icon to the right

The issue happens only if the select detects the device as mobile or tablet, the width of the screen doesn't metter, only the user agent.
If you try the repro in a laptop using google chrome ensure to use the developer tool to fake a real mobile/table device user agent.

Give a look also at the video linked below here.

Version

latest

What browsers are you seeing the problem on?

No response