Button doesn't dispatch onClick event on click on the edges of it

[Andrew-Zakharov]

For some reason when click on the button's edges it doesn't dispatch onClick although click animation is being played

Screen.Recording.2023-11-24.at.13.33.09.mp4

[talkor]

Thanks for reporting @Andrew-Zakharov! It's a known issue, happens because we scale down the button when it's active so the clickable area is getting smaller and the event is not called. You can use onMouseDown prop instead, it will be called even when clicking on the edges. Just make sure to cover keyboard event as well

Alternatively, you can disable the animation using preventClickAnimation

[Andrew-Zakharov]

I see, thank you for the explanation 👍

[Ma1kovich]

@talkor are there any plans on fixing it directly in the package?

[talkor]

@talkor are there any plans on fixing it directly in the package?

Not at the moment but contribution is welcome :)

[RitikBora]

Hey @talkor
The diffrence between onMouseDown and onClick is marginal. Mouse down event is fired when the button is pressed and onClick when a full click is registered. Basically after the click event

Is it ok if we dispach onClick on MouseDown as well? Will this hamper the workflow in any manner?

[talkor]

Hey @talkor The diffrence between onMouseDown and onClick is marginal. Mouse down event is fired when the button is pressed and onClick when a full click is registered. Basically after the click event

Is it ok if we dispach onClick on MouseDown as well? Will this hamper the workflow in any manner?

Hey @RitikBora! Yes that's definitely ok, this is also the workaround suggested