Please help with MenuPortal

[florinpavel22]

Hi, we are using React Popper to position React Select's menu according to the available space.

When using React Select with portalling, the menu keeps bumping up and down slightly when scrolling the page.

One thing I identified so far and I tried implementing is that we apply the popper styles in our Dropdown component directly on the menu. So when the MenuPortal is used, it wraps the menu with an extra div, which doesn't have any of the popper styles.

I figured maybe a solution is to avoid creating that extra wrapping div, in order words, just portal the menu directly.

I am not sure if this is possible, or if it is, how can I do it?

Maybe another solution is to style menu or menuPortal according to some portalling prop, but the problem here is assigning the child element ref needed in react popper.

I hope you can help me, this is fairly urgent. Thanks!