Any way to scrollBy with smooth option?

[vu0tran]

I see the interface scrollToIndex takes optional parameter "smooth" but I'm not seeing the same interface for scrollBy(offset). Can someone help confirm? Thanks

[inokawa]

Hi, it's not implemented yet because it wasn't requested until now.
What situations do you need it for?

[vu0tran]

specifically for mobile. When the keyboard comes up, I want to smoothly scroll the scrollview down by Y pixels to match the keyboard resize :)

[inokawa]

Thanks!

As a workaround, you can use native scrollBy instead of VList's scrollBy like:

useEffect(() => {
  const handle = document.querySelector('.handle');
  handle.scrollBy({ top: 1000, behavior: 'smooth' });
}, [])

<VList className="handle">
  {...}
</VList>

or with Virtualizer:

const ref = useRef<HTMLDivElement>(null);

useEffect(() => {
  ref.current.scrollBy({ top: 1000, behavior: 'smooth' });
}, [])

<div style={{ overflowY: 'auto'}} ref={ref}>
  <Virtualizer>
    {...}
  </Virtualizer>
</div>

It seems that correct usecase so maybe we should add smooth option to VList's scrollBy.