Skip to content
This repository has been archived by the owner on Jan 22, 2024. It is now read-only.

Fix for Drag&Drop Tutorial #1482

Open
franckyK opened this issue Mar 10, 2018 · 2 comments
Open

Fix for Drag&Drop Tutorial #1482

franckyK opened this issue Mar 10, 2018 · 2 comments

Comments

@franckyK
Copy link

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

@franckyK franckyK reopened this Mar 10, 2018
@ebidel
Copy link
Contributor

ebidel commented Mar 12, 2018

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
Copy link
Author

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 .

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants