charkour / react-reactions

😲 Create custom reaction pickers and counters or use your favorites!
MIT License
74 stars 16 forks source link

Like not working on mobile touch #132

Closed gh4m21 closed 2 years ago

gh4m21 commented 2 years ago

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

`

handleReaction(label)} /> ` **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 commented 2 years ago

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

charkour commented 2 years ago

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

gh4m21 commented 2 years ago

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

Thank you so much. I will add a code sandbox

gh4m21 commented 2 years ago

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

charkour commented 2 years ago

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.

https://user-images.githubusercontent.com/33156025/163299874-1f68a866-fc28-4141-a48e-45ad6019e777.MOV

gh4m21 commented 2 years ago

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 commented 2 years ago

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

gh4m21 commented 2 years ago

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

Go ahead.