![Alex Reardon](/img/default-banner.jpg)
- 4
- 11 459
Alex Reardon
Приєднався 22 кві 2009
Software craftsman 🧑🔧
Defeating the final boss of drag and drop bugs with the honey pot fix
All browsers have an extremely painful drag and drop bug that can cause elements that the user is not currently over to be incorrectly ‘entered into’ with mouse events while a drag is occurring. The “honey pot fix” is a novel workaround for this bug.
- Pragmatic drag and drop: github.com/atlassian/pragmatic-drag-and-drop
- Chrome bug report: issues.chromium.org/issues/41129937
- Twitter: x.com/alexandereardon
- Pragmatic drag and drop: github.com/atlassian/pragmatic-drag-and-drop
- Chrome bug report: issues.chromium.org/issues/41129937
- Twitter: x.com/alexandereardon
Переглядів: 819
Відео
Pragmatic drag and drop with TailwindCSS
Переглядів 9172 місяці тому
I created a new reorderable list example for Pragmatic drag and drop with styling powered by TailwindCSS - Code: github.com/alexreardon/pdnd-tailwind - Social: x.com/alexandereardon Cheers
Introducing Pragmatic drag and drop
Переглядів 1,1 тис.4 місяці тому
I am chuffed to announce Pragmatic drag and drop: a drag and drop framework for the web that enables fast drag and drop for any experience on any tech stack. - Github repo: github.com/atlassian/pragmatic-drag-and-drop
react-beautiful-dnd: where to from here?
Переглядів 9 тис.4 місяці тому
react-beautiful-dnd has not been given love in quite some time. In this video the creator of react-beautiful-dnd talks about some options for consumers of react-beautiful-dnd , including moving to Pragmatic drag and drop - react-beautiful-dnd: github.com/atlassian/react-beautiful-dnd - Pragmatic drag and drop: github.com/atlassian/pragmatic-drag-and-drop - Twitter: alexandereardon
Thank you for making this video! It is very interesting to hear about some of the challenges you faced while working on Pragmatic drag and drop. The invisible box was a clever idea!
Thanks!
Syntax brought me here
Thank you
Diabolical fix! I love tricking browsers.
Thoroughly enjoyed this! 🍯
Mouth noises! Once I noticed them, I couldn't hear anything else. Great content btw.
Cool technique, thanks for sharing! I love hushed and excited delivery of "confidential knowledge" 🤣
Cheers!
It is insane how browsers are not fit for applications development, having issues that never existed or fixed long ago in native OS app UI sdk's
All platforms have their rough spots, and I am confident native UI SDK's do as well 😅
Good stuff! Love how much more elegant the second fix is compared to the first
Cheers!
nicely explained. I have a feeling that I'll be using this honeypot fix in various other browser bugs too
this is awesome, thanks for sharing
I found this interesting
🫡
Recently used pragmatic dnd, it's absolutely stunning, works out of the box for any app
Thanks!
The issue is that react-beautiful-dnd has great animated examples and pragmatic dnd has like half a dozen examples that barely even compile. If you converted all dnd examples to pragmatic, showing how to get the same animations and everything, would be useful.
This is beautiful. Thank you! Is it possible to multi-select items and then move them? I would love to see an example of this if it is possible!
Thanks Alex! Looks fantastic. Adapting the example code was the hardest part of using PDND, once it's adapted it's really nice to work with given how flexible and performant the lib is. It's a marginally more low level than some other libs but it lets you build delightful custom DND interactions. Keep up the great work!
Must needed. Thanks 😊
Why did I get the impression that the library was called Pragmatic Dragon Drop?
As Vue user I really love your react-beautiful-dnd. Now I am super excited and love on pragmatic-drag-and-drop.. Will try soon. Thanks so much for your Great Works!!! 🔥
Well done Alex, this looks great and I can see the amount work that went into it!
Thank you for the wonderful library. I'm excited to move forward with Pragmatic DnD obviously. I visited the site and saw it doesn't support React v18 yet. Are there any plans to support React v18 in the next js v14?
Amazing, thanks for the update and for actually caring ❤
Hi Alex, looks fantastic, thank you. Just wondering (hoping) whether you are planning to make some video tutorials? Thanks!
I'm hoping you guys release a react-native npm package soon.
Thanks a lot 🙏. I was waiting for it from August 2023. Earlier release date was end of 2023 but finally going public in April 2024.
Glad to know this video
Thanks for explaining all available options for migration. I'm excited to move with Pragmatic DnD moving forward.
Awesome...
Thanks for the update! 👍
W appreciate you! 🙌