#Odd remaining clientrect(?) on Menu target messing with clicks

4 messages · Page 1 of 1 (latest)

gilded gate
#

I found an odd behaviour on the website I was creating and made a sandbox with a reduced example here:
https://codesandbox.io/s/mantine-menu-issue-i0lv2s?file=/src/App.jsx

The Menu target gets smaller when the menu is open, but the 'hitbox' to click it seems to remain the original size.
I can't find any trace of this with the inspector, maybe it has to do with how the Popover works in Mantine?

Thanks in advance for any help.

pure shale
gilded gate
#

Attempt #1 and #4 are the expected behavior.
Attempt #2 and #3 are wrong.

Recorded in Chrome on macOS.

There is some text in the sandbox where I try my best to explain what is wrong :)

pure shale