Width of items with padding/border changes

[Philipp91]

Because react-sortable-hoc uses offsetWidth (see

react-sortable-hoc/src/SortableContainer/index.js

Line 161 in 2e96f2b

this.width = node.offsetWidth;

), which includes borders and paddings (see https://developer.mozilla.org/de/docs/Web/API/HTMLElement/offsetWidth), as the width of the helper, it is too wide. This results in visual "jump" when dragging items.

Possible solutions:

• always set "box-sizing: border-box" on the helper
• use clientWidth instead.

Workaround:

• set "box-sizing: border-box" on your SortableElements manually.

[clauderic]

Both clientWidth and offsetWidth include padding, so I opted for the forced box-sizing: border-box on the helper approach. Thanks!