Scroll options become misaligned in the menu pane

[AntonioGargaro]

Thanks for using react-select!

Are you reporting a bug or runtime error?

This is a bug in v4.3.0.

Sandbox which I managed to replicate the issue in https://codesandbox.io/s/react-select-bug-24xcg

When scrolling through the open menu, the options list can become misaligned with the top/bottom and leaves big chunks of whitespace. When hovering over this whitespace, you can see that the menu item hover and click interactions still work, but can be confusing and looks broken.

This occurs frequently within our application.

Replicated in the codesandbox

https://user-images.githubusercontent.com/38767071/112183236-f5adf980-8bf5-11eb-84f1-d3f7b4501c3e.mov

Occurs within our application

https://user-images.githubusercontent.com/38767071/112183182-eaf36480-8bf5-11eb-92ae-b28b164c55f9.mov

[henrikwirth]

I experience the same issue.

[ebonow]

While it's clear that it may be occurring for you, I have been trying to replicate this and am unable to do so to better understand what is going on.

[AntonioGargaro]

@ebonow I can't confirm if this bug still persists as I have changed company and don't have access to the project. Perhaps if someone else can confirm this is still an ongoing issue?

I remember it being more difficult to reproduce this in the sandbox than our web app. I can't provide any more extra information unfortunately.

[ebonow]

@AntonioGargaro I appreciate your reply and documentation/video recordings on the issue. It's unclear to me how to reproduce it or what the source of this is. Thanks for the the follow up.

[htech9]

It seems really difficult to reproduce. We may need additional information from anyone who can manage to reproduce it again.