Transition to initial position

Please check this link

There is toggle button, click it few times. You would notice that every time when lists appears, there is transition to initial position in the first list. This transition reproduces with small amount of items, when full width of all items is smaller than viewport of list’s width. Second list does not have this transition.

It’s very noticeable on my project because I use react-horizontal-scrolling-menu in rows that are rendered by ReactList. So every time I scroll the page, new react-horizontal-scrolling-menu elements renders and transition animation appears. How do you think, is it possible to set initial position statically without transition?

---

btw in second list I’ve used

scrollToSelected
selected="item6"

and item 6 indeed appeared in the viewport, but not in center. This is not so important, just let you know.

[asmyshlyaev177]

Can you check now? Seems like it works ok.

[NeXTs]

Thanks for the quick response to this On branch 43 after page load elements remains in the beginning of the list (on the left). Although after any interaction with the page (for example window resize), elements are transitioned to the center. My expectations were that after page load elements will be centered by default.

how did you resolve this, encounter same problem

I didn’t