react-select does not scroll into view selected option when `menuPortalTarget={document.body}`

[mrudowski]

react-select does not scroll into view selected option when
we use menuPortalTarget={document.body}

In docs example:
https://react-select.com/advanced#portaling

Or please check this codesandbox:
https://codesandbox.io/s/codesandboxer-example-forked-c5xp8p?file=/example.tsx

[tdambra]

When will this change be live?

[jgwiazdowski]

still no solution?

[konradekk]

A workaround: find the focused option HTML element in the document tree and scrollIntoView on it after the render.

Little bit more precisely: use setTimeout to getElementById or first from getElementsByClassName (whichever suits you better) and apply scrollIntoView on it, with e.g. { behavior: "smooth", block: "center", inline: "start" }.