Cannot scroll up in vue dynamic example about virtual HOT 5 OPEN

Was able to fix this by delaying measurements with nextTick before measureElement. Looks like vue renders items a bit later, breaking dynamic measurements.

So, my measure function looks like this

  const measureElement = (el: any) => {
    nextTick(() => {
      if (!el) return;
      rowVirtualizer.value.measureElement(el);
    });
  };

from virtual.

Any update on this?

from virtual.

Any update on this?

Are you using Vue or React?

from virtual.

Any update on this?

Are you using Vue or React?

React

from virtual.

I fixed a similar problem by modifying the Virtualizer to not remeasure elements when scrolling up:

measureElement: (element, entry, instance) => {
      const direction = instance.scrollDirection
      if (direction === "forward" || direction === null) {
        return element.scrollHeight
      } else {
        // don't remeasure if we are scrolling up
        const indexKey = Number(element.getAttribute("data-index"))
        let cacheMeasurement = instance.itemSizeCache.get(indexKey)
        return cacheMeasurement
      }
    }

from virtual.