Getting Blank spaces in the middle of the popover while a try to navigate using key board up arrow and down arrow in combobox about react-spectrum HOT 3 OPEN

I corrected your sandbox so it didn't have duplicate keys and I'm unable to reproduce. Please check if you have duplicate keys

from react-spectrum.

I've forgotten to update the keys, yes the keys are the reason for getting those white, but if I increase my option height still im getting the white spaces even though i have given the unique keys.

And i found the reason too.

In our listbox base we are fixing the estimated row height as some px.

let layout = useMemo(
    () =>
      new ListLayout<T>({
        estimatedRowHeight: scale === "large" ? 48 : 44,
        estimatedHeadingHeight: scale === "large" ? 33 : 32,
        padding: scale === "large" ? 5 : 4, // TODO: get from DNA
        loaderHeight: 44,
        placeholderHeight: scale === "large" ? 48 : 44,
        collator,
      }),
    [collator, scale]
  );

When i try to give more height to option manually then i'm getting this blank space. So if i want to increase the height of the option outise, then i need to increase the estimated height in layout too.

I got this, but I don't know how this is causing the white spaces can you give me any brief what is this layout and how it effecting the blankspace.

from react-spectrum.

I can't reproduce. Can you update the reproduction instructions or update the sandbox if it isn't reproducing for you there either?

from react-spectrum.