The item is pushed down by the height of the neighboring element.

[rcdexta]

The item is pushed down by the height of the neighboring element.

[rcdexta]

Can you explain a bit more about what do you mean by sides of the container? Can you share sample code with the container where you use the Board component, so that I can understand better..

[HazemEngMuh]

      <Board
      editable
      onCardAdd={this.handleCardAdd}
      data={this.state.boardData}
      draggable
      onDataChange={this.shouldReceiveNewData}
      eventBusHandle={this.setEventBus}
      handleDragStart={handleDragStart}
      handleDragEnd={handleDragEnd}
  />

I used basic example as above. In my project I have menu on the left of screen and use plugins, Where plugins start after menu's area is finished. When I drag a card, the card's transform as the externel container I mean menu's width is calculating and increasing to card's transform(css).
It is same to this problem https://drive.google.com/file/d/0B3mwXFEGAguUUkVKakZQOFpIVHc/view

[rcdexta]

v1.27.0 should address this issue. Can you please check and confirm?

[HazemEngMuh]

When I check it I had another errors
I don't know if I did a mistake
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of DragHandle.

:3000/static/js/bundle.js:367407 MIDDLEWARE ERROR: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of DragHandle.

Note: I use react 5

[rcdexta]

I used some React 16 specific features. Reverted them for backward compatibility. Check v1.27.2.

[HazemEngMuh]

Main bug has not been solved

[orangecoding]

I experienced kind of the same problem. If I drag a card around, and drop it into an empty lane, the card is first being shown at the top, outside of the lane, then transformed into the lane with a fancy move animation. Might be because I did some heavy styling around the board to match it our container style.. Need to dig deeper though..

[rcdexta]

Release v1.28.1 has bug fixes for drag-n-drop and upgraded version of react-beautiful-dnd dependency

[HazemEngMuh]

Problem still exist