Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[example/Waspello] Make list tilt while dragged'n'dropped like in Trello #338

Open
matijaSos opened this issue Oct 12, 2021 · 10 comments · May be fixed by #2413
Open

[example/Waspello] Make list tilt while dragged'n'dropped like in Trello #338

matijaSos opened this issue Oct 12, 2021 · 10 comments · May be fixed by #2413
Assignees
Labels
bug Something isn't working good first issue Good for newcomers hacktoberfest This issue is perfect for HacktoberFest contributors webdev

Comments

@matijaSos
Copy link
Contributor

matijaSos commented Oct 12, 2021

This is how it works in Trello:
trello_dnd

This is in Waspello:
waspello_list_dnd

NOTE: For the implementation of drag'n'drop functionality in Waspello, we are using react-beautiful-dnd maintained by Atlassian (which owns Trello), so I believe with it we should able to implement the same functionality Trello has.

The problems with Waspello are:

  • user can't drag by focus area of list's name -> it automatically goes into edit mode (turns into input) fixed by Fix: drag n drop like trello in example #785
  • list does not get tilted while dragged (wasn't implemented yet but shouldn't be too complicated)

Disregard the slight lag when the list is dropped to the new position, that is due to no support for optimistic UI updates in Wasp yet (currently discussed in #63).

@matijaSos matijaSos added bug Something isn't working no-haskell Coding task that does not need Haskell knowledge good first issue Good for newcomers labels Oct 12, 2021
@maksim36ua maksim36ua added webdev and removed no-haskell Coding task that does not need Haskell knowledge labels Sep 27, 2022
@SGI-CAPP-AT2
Copy link

Can Get Task List @matijaSos ?

Thanks,
ShGI

@maksim36ua maksim36ua added the hacktoberfest This issue is perfect for HacktoberFest contributors label Oct 3, 2022
@ShabanaNaik
Copy link

Hello @matijaSos @maksim36ua. I would like to work on this. I am a new contributor to open source. But I have a experience working with web development. Your help would be greatly appreciated!😊

@matijaSos
Copy link
Contributor Author

hey @ShabanaNaik of course! Let me know how I can help? Maybe it would be best if you tried to run the code first and then lmk once you get stuck. Did you manage to successfully run Waspello?

@ShabanaNaik
Copy link

Hello, @matijaSos. Thank you for the opportunity 😊. I haven't tried running waspello yet but I would let you know if I am stuck anywhere or require any other help.

@matijaSos matijaSos changed the title [example/Waspello] Make list drag'n'drop work like in Trello [example/Waspello] Make list tilt while dragged'n'dropped like in Trello Oct 28, 2022
@monizb
Copy link

monizb commented Nov 27, 2022

Hey! I am interested in picking this up if this is still available!

@Martinsos
Copy link
Member

Certainly @monizb , please go for it and ping us if you have any questions!

@AddisonYan
Copy link

AddisonYan commented Jul 5, 2024

hi @Martinsos is this issue still open and available? i can take it up if so.
cc: @JiaweiZhu28

@Martinsos
Copy link
Member

@AddisonYan sure go for it!

@Keithcat767
Copy link

I went to pick this up and saw that the dnd library has been deprecated (atlassian/react-beautiful-dnd#2672) and has been replaced with this library: https://github.com/atlassian/pragmatic-drag-and-drop.

Does it make sense to hold on this and maybe tackle it as a part of a migration effort to Atlassian’s new package?

@sodic
Copy link
Contributor

sodic commented Oct 24, 2024

You can try to move it to the new package, why not!

@dabrorius dabrorius linked a pull request Dec 12, 2024 that will close this issue
8 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers hacktoberfest This issue is perfect for HacktoberFest contributors webdev
Projects
None yet
9 participants