Sage / carbon

Carbon by Sage | ReactJS UI Component Library
https://carbon.sage.com
Apache License 2.0
273 stars 86 forks source link

Controlled MultiSelect component inside PopoverContainer re-renders in bad initial position #6793

Open rawlmp opened 2 weeks ago

rawlmp commented 2 weeks ago

Description

We are rendering a controlled MultiSelect inside a PopoverContainer. When you add any option to the MultiSelect it seems it is re-rendered in position 0,0 and looks like flying from top-left screen corner

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-s6xtma?file=src%2FApp.tsx

Steps to reproduce

Select any option in 2nd Select.

It works well sometimes on remove options but never on adding.

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

134.1.0

Design tokens version

No response

Relevant browsers

Chrome, Microsoft Edge, Other

Relevant OSs

MacOS

Additional context

Confidentiality

nineteen88 commented 1 week ago

FE-6678