Skip to content

isDragLeaveLeavingElement

Detect whether dragleave truly left the current element (ignore entering children).

Drag any file here. Moving into the inner box should not flicker.

Child node

hover: false

Signature

typescript
function isDragLeaveLeavingElement(event: {
  relatedTarget: unknown
  currentTarget: unknown
}): boolean

Returns

ValueMeaning
trueLeft currentTarget (safe to clear drop-hover)
falseStill inside subtree (ignore this leave)

Usage

typescript
import { isDragLeaveLeavingElement } from '@zengchaowu/shared/functions/dom/isDragLeaveLeavingElement'

function onDragLeave(event: DragEvent) {
  if (!isDragLeaveLeavingElement(event)) return
  dropHover = false
}