goog.fx.DragListGroup

You can drag any squares into any of the first 4 lists.

Horizontal list 1 (grows right):

1

2

3

4

Vertical list 1:

1

2

3

4

Vertical list 2 (style changes on drag hover):

1

2

3

4

Horizontal list 3 (grows left):

Bug: drop position is off by one.

1

2

3

4

Horizontal list 5 (grows right, has multiple rows, hysteresis is enabled):

Bug: can't drop into the last row.

11

22

33

44

55

66

77

88

99

The items in this list can be moved around with shift-dragging:

1

2

3

4

The items have different width:

Bug: the drop positions are off. For example try moving box 1 a bit to the left.

1

2

3

4