mdn / mdn/browser-compat-data

api.DataTransfer.files - incomplete information on safari: items not filled on drag event

Open
#24,898 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

browser:safari data:api
Dominant language
JSON
Stars
5.8k
Forks
2.6k
Avg merge
1d 21h
Merged PRs (30d)
186

Description

What type of issue is this?

Missing compatibility information

What information was incorrect, unhelpful, or incomplete?

Safari has a caveat that other browsers don't encounter; safari obscures the files, so if developers are using items.length to verify the user is dragging files, that will not work on safari, but does on other browsers. safari only reveals that the user is dragging files through the dataTransfer.types property.

What browsers does this problem apply to, if applicable?

Safari

What did you expect to see?

items.length having non-zero length when user is dragging files.

Did you test this? If so, how?

trigger drag event with files on chrome and safari, items has values on chrome, items has no values on safari.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

No response

Do you have anything more you want to share?

No response

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items

MDN metadata
MDN page report details
  • Query: api.DataTransfer.files
  • Report started: 2024-10-31T17:44:13.331Z

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the MDN DataTransfer.items page and compare the reported Chrome and Safari drag-event behavior with the browser compatibility entry for the DataTransfer API. Document Safari's items.length caveat and the dataTransfer.types signal; done when the compatibility data accurately reflects the tested behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
documentation, web-dev
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.