Skip to content

Cancel the drop event in the drag-and-drop example - #13144

Open
JinDX wants to merge 1 commit into
whatwg:mainfrom
JinDX:docs/dnd-accept-drop-example
Open

JinDX wants to merge 1 commit into
whatwg:mainfrom
JinDX:docs/dnd-accept-drop-example

Conversation

@JinDX

@JinDX JinDX commented Oct 25, 2026 •

Copy link
Copy Markdown
Member

Call preventDefault() in the example drop handler to accept the drop.

The surrounding explanation requires canceling the drop event. Without cancellation, the default action can reset the current drag operation to none, preventing the following dragend example from treating it as a successful move.

Spec: https://html.spec.whatwg.org/multipage/dnd.html#event-drag

  • At least two implementers are interested (and none opposed):
    • …
    • …
  • Tests are written and can be reviewed and commented upon at:
    • …
  • Implementation bugs are filed:
    • Chromium: …
    • Gecko: …
    • WebKit: …
    • Deno (only for timers, structured clone, base64 utils, channel messaging, module resolution, web workers, and web storage): …
    • Node.js (only for timers, structured clone, base64 utils, channel messaging, and module resolution): …
  • Corresponding HTML AAM & ARIA in HTML issues & PRs:
  • MDN issue is filed: …
  • The top of this comment includes a clear commit message to use.

(See WHATWG Working Mode: Changes for more details.)


/dnd.html ( diff )

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

1 participant