Alex Reardon
Alex Reardon
  • 4
  • 11 459
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
Переглядів: 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

КОМЕНТАРІ

  • @PeterGlenn-v3o
    @PeterGlenn-v3o 3 дні тому

    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!

  • @cb73
    @cb73 9 днів тому

    Syntax brought me here

  • @eaoliver
    @eaoliver 21 день тому

    Thank you

  • @JoelUngerAtlassian
    @JoelUngerAtlassian 27 днів тому

    Diabolical fix! I love tricking browsers.

  • @hrafnkellpalsson
    @hrafnkellpalsson 28 днів тому

    Thoroughly enjoyed this! 🍯

  • @anlukinha8764
    @anlukinha8764 Місяць тому

    Mouth noises! Once I noticed them, I couldn't hear anything else. Great content btw.

  • @MattStone86
    @MattStone86 Місяць тому

    Cool technique, thanks for sharing! I love hushed and excited delivery of "confidential knowledge" 🤣

  • @serhii3194
    @serhii3194 Місяць тому

    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

    • @alexandereardon
      @alexandereardon Місяць тому

      All platforms have their rough spots, and I am confident native UI SDK's do as well 😅

  • @SamScheding
    @SamScheding Місяць тому

    Good stuff! Love how much more elegant the second fix is compared to the first

  • @dev__adi
    @dev__adi Місяць тому

    nicely explained. I have a feeling that I'll be using this honeypot fix in various other browser bugs too

  • @huang47tw
    @huang47tw Місяць тому

    this is awesome, thanks for sharing

  • @itsdouges
    @itsdouges Місяць тому

    I found this interesting

  • @Hugos68
    @Hugos68 Місяць тому

    Recently used pragmatic dnd, it's absolutely stunning, works out of the box for any app

  • @caseyspaulding
    @caseyspaulding 2 місяці тому

    Thanks!

  • @bernaferrari
    @bernaferrari 2 місяці тому

    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.

  • @ragnsanfinnvalla1717
    @ragnsanfinnvalla1717 2 місяці тому

    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!

  • @buzz1ebee
    @buzz1ebee 2 місяці тому

    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!

  • @akash-kumar737
    @akash-kumar737 2 місяці тому

    Must needed. Thanks 😊

  • @cimmik
    @cimmik 2 місяці тому

    Why did I get the impression that the library was called Pragmatic Dragon Drop?

  • @AntoniKiddcodePutra
    @AntoniKiddcodePutra 3 місяці тому

    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!!! 🔥

  • @Ihatetomatoes
    @Ihatetomatoes 3 місяці тому

    Well done Alex, this looks great and I can see the amount work that went into it!

  • @Jesus.Christ..
    @Jesus.Christ.. 3 місяці тому

    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?

  • @liadmanteka7432
    @liadmanteka7432 3 місяці тому

    Amazing, thanks for the update and for actually caring ❤

  • @flydia
    @flydia 4 місяці тому

    Hi Alex, looks fantastic, thank you. Just wondering (hoping) whether you are planning to make some video tutorials? Thanks!

  • @usequeue
    @usequeue 4 місяці тому

    I'm hoping you guys release a react-native npm package soon.

  • @akash-kumar737
    @akash-kumar737 4 місяці тому

    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.

  • @masadamsahid
    @masadamsahid 4 місяці тому

    Glad to know this video

  • @badalsaibo
    @badalsaibo 4 місяці тому

    Thanks for explaining all available options for migration. I'm excited to move with Pragmatic DnD moving forward.

  • @nkemjikaobi3962
    @nkemjikaobi3962 4 місяці тому

    Awesome...

  • @bernieslearnings
    @bernieslearnings 4 місяці тому

    Thanks for the update! 👍

  • @techwithjesus8263
    @techwithjesus8263 4 місяці тому

    W appreciate you! 🙌