Cannot drop a card near the bottom of a lane

[sylvain-hamel]

Describe the bug When dropping a card, it has to be dropped very close the the previous card, otherwise the drop is cancelled

To Reproduce See gif

Desktop (please complete the following information):

• OS: win 10
• Browser chrome
• Version 72

[dapi]

Here is minor fix - https://github.com/rcdexta/react-trello/pull/265

But I think the best way to show placeholder like it trello do. And place card into bottom placeholder even it dropped outside of the lane bottom.

Than this is a new feature

[iamriel]

@dapi first of all, thanks for this project. If I understand it correctly, Than this is a new feature, do you mean dropping the card into the bottom even outside the lane bottom is still not supported? If yes, is it actively worked on? If not, I can check the source and will try to work on it. Thanks!

[iamriel]

Right now, I did a dirty fix to achieve this through css:

.react-trello-lane {
  .smooth-dnd-container {
    min-height: calc(100vh - 270px);
  }
}

[bmoffitt1990]

@iamriel Where did you place this code?

[iamriel]

@bmoffitt1990 Sorry for the late reply, I just placed it in my css file, outside of this project. You can place it anywhere as long as it points to the correct class .react-trello-lane .smooth-dnd-container.

[lveillard]

+1 to this. Nice to have a quick fix but would be nice to have this by default Thank you for the css fix, I found the same but my css code was uglier (padding-bottom: 300px) haha

to give more info:

[lveillard]

And with the fix:

I think this is actually both a fix and a feature: A fix would be to apply this css code

A feature would be to do it like trello does, with the placeholder shadow and even outside of the lane