Dependency: @atlaskit/select (upgraded from 18.9.0 to 21.3.3)
Affected Environment: Chrome (version 141.0.7390.77) and Edge (version 141.0.35.37.71) on Windows 11. The issue is not observed on Linux versions of these browsers.
Bug Details:
When scrolling through the @atlaskit/select component using the mouse wheel, visual distortions occur. After a few scrolls, the bottom of the list may become corrupted, with items flickering, changing positions, and disappearing. This bug is present even with the default appearance of the select component, although an example GIF demonstrates the issue with a custom formatOptionLabel prop.
Context:
This bug emerged following a recent dependency upgrade of @atlaskit/select, which was part of a migration to React 18. The issue was not present in earlier versions of the dependency on the aforementioned browsers.