Inactive space on the left when dragging

[NeXTs]

Example on codesandbox

There is some inactive space on the left, when dragging items.
When you drag to the right - it scrolls back to the center, as intended.
Same happens when you scroll way left, it scrolls back to the center, it's ok.
But when you scroll slightly to the left, there is an area where items stuck and do not scrolls back to the center.

[asmyshlyaev177]

Didn't intend to work like this.
Will try to add this feature later.

[marcin-wojciechowski-lingaro]

+1, transform: translate3d() adds useless spacing on the left and right

[asmyshlyaev177]

I fixed it, should work fine in version 0.5.5 .

[NeXTs]

Hey
Yes, in version 0.5.5 there is no more inactive space on the left, but #40 bug appears again

[asmyshlyaev177]

Strange, can't reproduce it now, but should be bug only in example project.

[marcin-wojciechowski-lingaro]

Still can't remove this spacing.

[asmyshlyaev177]

Will be good if you can reproduce it.

[marcin-wojciechowski-lingaro]

Will be good if you can reproduce it.

Something is wrong with first and last item in calculations. For first one should be 0px, 0px, 0px and it would be working fine.

[asmyshlyaev177]

Maybe something else, it is 0 if alignCenter = false.

[marcin-wojciechowski-lingaro]

Yes now it works, but now there is no possibility to preview previous item from the left. Any idea how to make item3 visible? To improve UX?

[asmyshlyaev177]

Only show arrow, not sure.

[NeXTs]

Strange, can't reproduce it now, but should be bug only in example project.

https://codesandbox.io/s/l207m799kq
Updated only v0.5.0 -> v0.5.5. Click right arrow, then left arrow. Left arrow wouldn't work.

[asmyshlyaev177]

Thank you, fixed it, check 0.5.6 version.

[NeXTs]

Yes, it works great now. Thank you!

[NeXTs]

Still can't remove this spacing.

In version 0.5.6 I've faced this problem too. Appears on init.
Settings

<ScrollMenu
  data={this.items}
  arrowLeft={<Arrow type="prev" className={style.sliderArrow} />}
  arrowRight={<Arrow type="next" className={style.sliderArrow} />}
  onSelect={this.onItemClick}
  wheel={false}
  alignCenter={false}
  wrapperClass={style.sliderInner}
  itemClass={style.sliderItem}
/>

[NeXTs]

Do you need some demo to reproduce this or you've already noticed this behavior too?

[asmyshlyaev177]

Better if have demo.

[NeXTs]

@marcinWojciechowskiLingaro do you have any?

[NeXTs]

I've reinstalled whole node_modules and don't see this issue anymore.