qwik icon indicating copy to clipboard operation
qwik copied to clipboard

[📖] An example or cookbook of how to do drag and drop interactions

Open osdiab opened this issue 1 year ago • 1 comments

Suggestion

It's a pretty common set of interactions and given that Builder literally is a drag and drop CMS it seems like Qwik ought to be able to handle drag and drop interactions well; while I know that drag events exist, searching for it in the docs site doesn't really turn much up and it still would be helpful to have examples of what a typical drag and drop workflow would look like in Qwik. Thanks!

osdiab avatar Oct 10 '24 04:10 osdiab

Yep, I created an application with drap and drop with Qwik. You need to do use onDragOver$ / onDragLeave$ / onDrop$ :+1: A cookbook example will be fantastic.

gioboa avatar Oct 10 '24 07:10 gioboa

In my experience, sync$ is needed for accessing to dropped files via ev.dataTransfer.

genki avatar Nov 21 '24 08:11 genki

Could I take this one guys? I've already made a simple example:

2024-12-09 17 14 07

byte-barista avatar Dec 09 '24 16:12 byte-barista

@byte-barista Yup, it looks great

gioboa avatar Dec 09 '24 16:12 gioboa

I made PR: https://github.com/QwikDev/qwik/pull/7150

byte-barista avatar Dec 12 '24 18:12 byte-barista

Closed by #7150

gioboa avatar Aug 30 '25 19:08 gioboa