We all used those Kanban-style todo or task management apps where there are columns for each stages of a tasks and we can drag and drop tasks from ...
For further actions, you may consider blocking this person and/or reporting abuse
Great article, thanks! I'm wondering though what is the current browser support for this API? The MDN docs don't say anything abou that.
Edit: it looks like according to caniuse.com, the support is mostly good except on some less popular mobile browsers.
All up to date modern desktop browsers I tested supports it.
But I found than in mobile browsers, it doesn't work as expected with the same code. I will have to look into it. Thanks for the heads up.
Great article! I followed it but using Vue. Here's the repo if anyone is interested: repo.
Excellent work friend ๐
Great stuff, did the same way back some months ago but then found that it doesn't work on mobile devices. So have to rely on other js libraries.
Yes I faced problem in mobile devices too. I think there is some way to fix it. I am working on it.
Other js libraries too had to manually implement it didn't they ? ๐
Great Article Hassan, But if you show live demo with code-pen embedding it would be more helpful.
Thanks for the suggestion. I will try to do that from next time. ๐
Great article. One minor note that your function name was missing "On"
function handleDragOver(e: React.DragEvent)
Thanks for pointing it out :D
Nice article Ahmed, it was a good read. I want to ask, how did you make a gif video in this your article?, I am trying to do the same, but don't know how
Thanks. I just recorded part of the screen with windows' snipping tool and then converted that video to gif using this
Hope it helps :)
Okay thank you very much
Good sharing.
Great article ...
Thank you
Awesome