react-blog-github icon indicating copy to clipboard operation
react-blog-github copied to clipboard
verified publisher icon saadpasta

I want to close the GitHub react card

Open mbaralle opened this issue 5 years ago • 2 comments

How to reproduce

  1. Open an article
  2. Go to the bottom and move the mouse over the reaction emojis image
  3. Click on the blue smiley on the right to open the GitHub react card

Expected

Able to close the card

Actual

No way to close the card

Hint

  • That could be solved with an event on a button and/or Esc key
  • Another solution is to close when the mouse leaves the react card or when a touch event is triggered outside of the react card (which implies that the react card is positioned under the mouse/touch point)

mbaralle avatar Feb 19 '20 20:02 mbaralle

Hi, actually you can close it by clicking on the blue smiley again.

... when a touch event is triggered outside of the react card ...

Indeed, this could improve the UX

jvnm-dev avatar Feb 19 '20 20:02 jvnm-dev

@mbaralle you could close the popup by clicking the emoji reaction but you can improve the UX by closing the popup when user clicked outside the popup

saadpasta avatar Feb 20 '20 06:02 saadpasta