Any way to mimic the scroll in javascript?

[p1pah]

Basically, what I am attempting to setup is a React Aria Combobox and a virtualized body. It works absolutely fantastic when scrolling, but when I reach the end of the designated height (400px) with keyboard navigation, my virtualized list isn't fetching or re-virtualizing my items. It feels like my getVirtualItems never change when I am at the bottom of my list with keyboard navigation. I would like to somehow just tell it to recompute or even scroll so the observer fires giving me new virtual items with an onKeyDown event. Would this be possible or is it too late and I am slightly going crazy? I attached a very basic example below:

` const rowVirtualizer = useVirtualizer({
count: filteredOptions.length,
getScrollElement: () => popoverRef.current ?? null,
estimateSize: () => 100,
})

return (
  <RACCombo
    className="w-96"
    items={rowVirtualizer.getVirtualItems()}
    // SPENT WAY TO MUCH TIME OF FINDING THIS BUG https://github.com/adobe/react-spectrum/issues/5133
    //@ts-ignore
    allowsEmptyCollection
  onKeyDown={()=> 
  // I WANT TO DO SOMETHING here
  }
  >
    <Label>hehe</Label>
    <Group className="flex rounded-lg bg-white bg-opacity-90 shadow-md ring-1 ring-black/10 transition focus-within:bg-opacity-100 focus-visible:ring-2 focus-visible:ring-black">
      <Input className="w-full flex-1 border-none bg-transparent px-3 py-2 text-base leading-5 text-gray-900 outline-none" />
      <Button className="pressed:bg-sky-100 flex items-center rounded-r-lg border-0 border-l border-solid border-l-sky-200 bg-transparent px-3 text-gray-700 transition">
        ▼
      </Button>
    </Group>
    <Popover
      ref={setReference}
      className="entering:animate-in entering:fade-in exiting:animate-out exiting:fade-out z-40    w-[--trigger-width]  overflow-y-auto overflow-x-hidden rounded-lg border-[1px] border-gray-200 bg-white  text-base shadow-lg ring-1 ring-black/5"
    >
      <div
        className="relative w-full"
        style={{
          height: rowVirtualizer.getTotalSize(),
        }}
      >
        <ListBox
          className="absolute left-0 top-0 w-full"
          style={{
            transform: `translateY(${rowVirtualizer.getVirtualItems()[0]?.start ?? 0}px)`,
          }}
        >
          {(item: VirtualItem) => {
            return (
              <ListBoxItem
                key={item.key}
                id={item.key}
                data-index={item.index}
                ref={rowVirtualizer.measureElement}
              >
                {listBoxItem => {
                  const {helperText, label, description, value} = filteredOptions[item.index]
                  const shouldShowEditButton = onEditClick && listBoxItem.isFocused
                  return <div>TESTING {item.index}</div>
                }}
              </ListBoxItem>
            )
          }}
        </ListBox>
      </div>
      {/* )} */}
    </Popover>
  </RACCombo>`