spec 1 linked patterns checked
MDN: File drag and drop
Documents implementing a drop zone backed by a file input, accepting files from the operating system, cancelling default browser file handling, using dragover and drop events, processing DataTransferItem files, wiring the same behavior to the input change event, and clearing previews.
Read with a purpose
What this source can teach
Use this source to check a technical or accessibility requirement against its exact wording and scope.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Drag-and-drop upload | Choose drag-and-drop upload when dropping files from a desktop file manager is a common, useful shortcut. | Dragenter and dragover make the target visibly active only when the incoming data includes files. | MDN supports file drop-zone implementation with file input fallback, dragover cancellation, DataTransferItem files, drop processing, and clear behavior. |
Comparisons supported by this source
- Drag-and-drop upload vs file upload vs multi-step form vs text input
MDN supports drop-zone implementation with file input fallback, dragover cancellation, drop processing, DataTransferItem files, and clear behavior.
Evidence Role
This source is treated as spec evidence. Its value comes from the specific claims and setting described above.
Publisher: Mozilla. Last checked: .