ImageButton.MouseEnter Not Triggered When Button is Outside Parent Frame's Bounds

When placing a large ImageButton inside a smaller Frame with ClipsDescendants set to false, we put this large Button a little bit left to the smaller Frame and the MouseEnter event on the button does not fire

Does anyone know why?

Structures


even if you’ve got ClipsDescendants turned off and your button is visually sticking out of its parent frame, Roblox still limits the input detection (like MouseEnter, MouseClick, etc.) to just the bounds of that parent frame. So basically, your button looks like it’s clickable outside, but Roblox is like “nah, that part doesn’t exist” as far as mouse events go.

to fix it, you’ve got a couple of options: you can either move the button to a higher level in the hierarchy (like the main screen GUI or a root container) so it’s not restricted by the small frame, or you can set up a small invisible button within bounds that triggers the interaction when hovered. There’s also the route of manually tracking the mouse using UserInputService.