[bug]: Any additional button inside the DropdownMenuTrigger doesn't work

[nikolinaPetrusic99]

Describe the bug

I'm developing a react website where I have two filters: a date filter and status filter. For opening the dropdowns I'm using the Dropdown Menu component. Our designer wants to add an X button anytime the user chooses anything other then the default value. This button should then reset the value back to default, but onClick doesn't work, anytime I click on the X it opens the dropdown contents, EXCEPT if I quickly click on it multiple times. For smaller screens like Mobile and Tablets I switch the view to the Sheet component where the X button DOES work as it should.

Affected component/components

Dropdown Menu

How to reproduce

1. Create a DropdownMenu component
2. Inside the DropdownMenuTrigger add a text
3. Add a button with a onClick function

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

Microsoft Window 11, Visual Studio Code, Microsoft Edge, React Typescript

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues