How Gmail’s drag and drop works


How Gmail’s drag and drop works and why it’s not supported in Safari | The CSS Ninja – All things CSS, Javascript & xhtml

In the above demo I’ve recreated a mock Gmail UI that works the same as the actual Gmail with drag drop uploading. It feature detects the browsers capabilities and depending on it will use the File API or another method, which I will delve into. The beauty of feature detection is once Chrome and other browsers add support for the File API the alternative method will become defunct and would require no maintenance for the code.

Related Posts