trigger
trigger copied to clipboard
Trigger = "click" breaks mouse interaction with components in it.
In the example below, I have Popover that contains Select (from react-select). If Popover trigger is set to "click", then trying to select elements in the drop-down list as well as using its drop-down button closes the popover instead of allowing the interaction.
Using keyboard or trigger="hover" are two workarounds that I found that allow to select elements in a drop-down by clicking.
https://codesandbox.io/s/flamboyant-bhabha-3qh3c
+1 the click event is not propagated to the child components if the popover trigger is set to click: CodeSandbox-Example