How to set element's interactive area to content instead of the default rectangle

I’m not sure what you’re asking. Do you want to listen to a mouseIn event when hovering over the circumscribed square or only on hovering over the triangle?