Me he vuelto un poco loco tratando de depurar un problema de arrastrar y soltar archivos en una aplicación en la que estoy trabajando. Lo que sucede es que Chrome activa los eventos onDragEnter , OnDragOver y onDrop (los únicos eventos que estoy usando) fuera del elemento en el que están definidos, pero solo cuando las herramientas de desarrollo están abiertas. No puedo compartir mi código, pero puedo reproducir el problema fácilmente usando este ejemplo básico en JSBin: https://jsbin.com/hiqasek/edit?html,js,output

Con devtools abierto, si arrastro un archivo desde Finder hacia el div de destino, el evento onDragEnter ocurre cuando el cursor está a unos 75 o 100 píxeles por debajo del div. Si sigo adelante y suelto el archivo allí, se activa el evento onDrop . El resultado final es el esperado pero desde la posición incorrecta del cursor. Ahora, si cierro devtools y vuelvo a hacer esto, los eventos disparan "pixel perfect" dentro del div.

Ejecutar en modo de incógnito con las extensiones deshabilitadas produce el mismo resultado.

Mi configuración: MacOS 10.15.7 con Chrome 95.0.4638.69. Esto no sucedió cuando se probó con Edge 95.0.1020.40 y Safari 15 v15612.1.29.41.4. EDITAR: No sucede en la misma versión de Chrome en Windows 10 20H2 (19042.1288)

¿Estoy pasando por alto algo (muy posible) o se trata de un error en Chrome?