Like not working on mobile touch

[gh4m21]

Describe the bug
The reactions components CustomReaction work perfectly on desktop, but when I try to click on the icon on mobile, it shows click in the console and nothing.

code

<Fragment> <ReactionBarSelector className="bg-secondary" iconSize={"28px"} reactions={reactions} onSelect={(label) => handleReaction(label)} /> </Fragment>

Screenshots
If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

• Device: Iphone 11 pro max
• OS: IOS 15.3.1
• Browser safari
• Version last version

[charkour]

Thanks for the report. I can look at it tonight.

[charkour]

Would you be willing to post a code sandbox with a reproduction of the issue? Thanks!

[gh4m21]

Thanks for the report. I can look at it tonight.

Thank you so much.
I will add a code sandbox

[gh4m21]

https://codesandbox.io/s/issue-react-reactions-with-mobile-touch-e7hpnd

[charkour]

Hi @gh4m21, thanks for the sandbox. Here is a video I recorded. When I tap an icon, it will correctly console log. Do you expect the icon to shrink to its original size after clicking? Thanks.

Upload.from.GitHub.for.iOS.MOV

[gh4m21]

Hi @gh4m21, thanks for the sandbox. Here is a video I recorded. When I tap an icon, it will correctly console log. Do you expect the icon to shrink to its original size after clicking? Thanks.

Upload.from.GitHub.for.iOS.MOV

Thank you so much for helping me.
I got it now. Finally, using a Tooltip to show the component in the perfect place was not a good idea.
I will try to use popover, a modal something else...

[charkour]

Great thanks for the reply. Can I close this issue?

[gh4m21]

Great thanks for the reply. Can I close this issue?

Go ahead.