Weird onMouseEnter behavior
Here's an abstraction of the React I have:
The
It does what it's supposed to do but for some reason the message opacity changes relative to position within the h4.
https://gyazo.com/bd8fad7560ee8d78f74edbdde4d80f59
This only happens if I try to enter the h4 from the bottom; the top is fine. I have no animation styles set on anything relating to this.
The
h4 has an onMouseEnter and onMouseLeave event that sets the isNameHovered state which is responsible for rendering the message.It does what it's supposed to do but for some reason the message opacity changes relative to position within the h4.
https://gyazo.com/bd8fad7560ee8d78f74edbdde4d80f59
This only happens if I try to enter the h4 from the bottom; the top is fine. I have no animation styles set on anything relating to this.
