search

html5rocks / www.html5rocks.com

....a top-notch resource for web developers
https://html5rocks.com
Other
2.22k stars 769 forks source link

Fix for Drag&Drop Tutorial #1482

Open franckyK opened 6 years ago

franckyK commented 6 years ago

On the "Native HTML5 Drag and Drop" page the <header> texts in all examples are missing, so you can't see what's happening when dragging & dropping.

drag-and-drop--html5rocks-a

Culprit is the header{display:none} in the general stylesheet. Solution: adding .column header{display:block} in the inline styles.

drag-and-drop--html5rocks-b

Greetings, franckyK

ebidel commented 6 years ago

Thanks for the report. This is an old one :)

Interested in submitting a PR? I think we should make the demo work again since a lot of content around the web references this tutorial.

franckyK commented 6 years ago

Indeed, the baby tut of 2010 is 7.5y old now, and in the meantime much is changed in specs and browsers. But oops, as a non-professional I've a lack of know-how for contributing substantially to an updated version.
Maybe that could be a three-stage rocket (1) a simple img dropping example, (2) file manupulation examples, and (3) this more complex arranging example.

BTW, I saw that a DnD example in the recent HTML5.2 Recommendation and in the WhatWG specification (same example) is using an empty <ol>, in which nothing can be dropped without some additions; see testpage .