Here is a comprehensive demo that explains my predicament. To reproduce the demo’s issues you’ll have to use a mouse.
https://codesandbox.io/s/card-hover-issue-h737w?file=/src/Demo.js
Both hover options create different problems. I want to be able to hover over cards and display their overlay, while also having the functionality to click on the card’s child container.
I found a handful of similar questions asked before such as example1 or example2. However, these only touch the initial bug of hover state getting hung up, and they don’t have answers that also consider the issue with child components and hovering.
submitted by /u/inthedark72
[link] [comments]