Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
Weird onMouseEnter behavior - Kevin Powell - Community
KP-C
Kevin Powell - Community
•
2y ago
•
9 replies
tejveer
Weird onMouseEnter behavior
Here
's an abstraction of the React I have
:
h4.name
{isNameHovered && div.message}
h4.name
{isNameHovered && div.message}
The
h4
h4
has an
onMouseEnter
onMouseEnter
and
onMouseLeave
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
.
Gyazo
Gyazo Screen Video
Kevin Powell - Community
Join
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Recent Announcements
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
weird border-radius behavior
KP-C
Kevin Powell - Community / front-end
2y ago
Quasar qSelect weird behavior
KP-C
Kevin Powell - Community / front-end
4y ago
flex component | weird padding behavior
KP-C
Kevin Powell - Community / front-end
2y ago
weird behavior how to fix
KP-C
Kevin Powell - Community / front-end
2y ago