Showing 4 elements out of 5 elements but when scrolling it is laggy

[hellofrontendxxx]

Hi I am developing an application on Samsung Tizen 5.5, I am having a problem when pressing Right/Left arrow to move to other elements, there is lag when scrolling on element 1 and 2

Details:

• I have 5 elements but only 4 elements are displayed on the screen, each element has equal width, there is a gap in between each element.
• The 5th element will be hidden because I use overflow: hidden
• When I press the Right arrow to move from the first element to the second element, the focus will immediately move to the second element, but the scrolling process to the left is delayed by about > 1s, making the user experience not good. Similarly, when I press from the second element to the first element.
• I used scrollTo as in your example, it works great on Web browser, but on Samsung Tizen it has delay when moving to scrollable elements

Demo: https://stackblitz.com/edit/vitejs-vite-mfycb4x4

Looking forward to hearing from you. Thank you.

[hellofrontendxxx]

Please help me @predikament

[predikament]

Hello @hellofrontendxxx!.

I would suggest you look into other scroll behaviors to see if you can find a solution that works.

scrollTo has nothing to do at all with our library, that's a native functionality in the web engine, so as such I am closing this issue.

Best of luck to you.