react-spectrum
react-spectrum copied to clipboard
Items are missing or partially occluded in combobox with wide items
๐ Bug Report
Items are missing or partially occluded in combobox with wide items.
This is a video of the code sample from below. The last item should be "1-50" but is not.
๐ค Expected Behavior
All items visible
๐ฏ Current Behavior
Some items near the bottom of the list are missing or partially occluded.
It may not happen every time, but it happens most of the time.
๐ Possible Solution
๐ฆ Context
๐ป Code Sample
https://codesandbox.io/s/hopeful-waterfall-bxbn2q?file=/src/App.tsx
๐ Your Environment
| Software | Version(s) |
|---|---|
| react-spectrum | 3.27 |
| Browser | Version 113.0.5672.126 (Official Build) (x86_64) |
| Operating System | Mac OS Ventura 13.3.1 (a) (22E772610a) |
๐งข Your Company/Team
Adobe Business Platform
๐ท Tracking Issue (optional)
I was also able to get some strange rendering of the items after selecting an item and opening the menu again. I can't reproduce this consistently, however.
I'm not sure what is happening in your screenshot @reidbarber maybe adding keys would help with those blank spaces?
As for the some items missing, it looks like when the items that have more than one line of text, we manage to calculate the new positions of following items, but maybe miss updating the full size of the parent which determines the scroll height.
Any update on this issue, I am also facing this issue frequently, any alternative to fix this issue?