Uppy: 'Drag and drop' feature does not work in I.E.11

Created on 31 May 2019  路  3Comments  路  Source: transloadit/uppy

Hi there! I love this plugin! Really, great work.

Problem

  • We are using this plugin and need to support I.E. 11.
  • We need to have drag-and-drop functionality work.
  • When using this feature in I.E.11, files do not show up.

Steps to Reproduce

Screenshot at May 31 11-49-11

Visit this deploy of this codesandbox of Uppy running in 0.3.5 in I.E.11. When you drag and drop, it emits an error the console, which it emitted from this func:

module.exports = function getDroppedFiles(dataTransfer) {
  // Get all files from all subdirs. Works (at least) in Chrome, Mozilla, and Safari
  if (dataTransfer.items[0] && 'webkitGetAsEntry' in dataTransfer.items[0]) {
    return webkitGetAsEntryApi(dataTransfer);
    // Otherwise just return all first-order files
  } else {
    return fallbackApi(dataTransfer);
  }
};

I see this was introduced in version 0.4.5:

@uppy/dashboard: 鈿狅笍 breaking: new getDroppedFiles module that is an improvement over drag-drop we鈥檝e been using (#1440 / @lakesare)

Working version

I was able to get this feature working in I.E.11 when using version 0.3.4. Visit this deploy of this codesandbox to see it working.

Bug

All 3 comments

Thank you so much for reporting, as well as the kind words, it means a lot! We fixed your issue, it just hasn鈥檛 been released yet, stay tuned!

Released on npm, please update to the latest @uppy/[email protected]!

Works great! Thanks for this!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghost picture ghost  路  3Comments

risonsimon picture risonsimon  路  4Comments

agreene-coursera picture agreene-coursera  路  4Comments

ogtfaber picture ogtfaber  路  4Comments

NihadOb picture NihadOb  路  3Comments