Does anyone how to solve the problem, basically when there is a droppable container behind another droppable container, chances are that my draggable card will go into that container, expected would be that the draggable goes into the visible droppable. instead of the container in front of it. I already tried using z-index. didnt work.
I use @hello-pangea/dnd which is a fork of react-beautiful-dnd. Video of what is happening: https://streamable.com/otoszi
Does anyone how to solve the problem, basically when there is a droppable container behind another droppable container, chances are that my draggable card will go into that container, expected would be that the draggable goes into the visible droppable. instead of the container in front of it. I already tried using z-index. didnt work. I use @hello-pangea/dnd which is a fork of react-beautiful-dnd. Video of what is happening: https://streamable.com/otoszi