Quirks with Web JS

13 Feb 2025•1 min read

Here I document all the quirks I've encountered while writing Javascript code for web projects.

Mouse events

  1. mouseenter doesn't bubble like mouseover
  2. event.clientX and event.clientY are unreliable and inconsistent for obtaining cursor position. Instead, use { top, left } from event.getBoudingClientRect()

I tried adding a popup element on hover but its positioning was inconsistent. The cursor entering from the top vs from the bottom resulted in different positions for the popup. affected

all blogs