Bug - Select - Dynamic select with basic and typeahead variants does not work as expected

[ferhoyos]

Describe the problem
In our application we have a dynamic Select component that load different options depending on previous select (e.g., different city list from state selection). Depending on the previous select value, sometimes the Select is the basic one and sometimes is the typeahead one (variant="typeahead" in MenuToggle). The change from basic Select to typeahead makes the Popper container does not appear below the menu toggle (transform CSS values are wrong).

How do you reproduce the problem?
https://codesandbox.io/s/amazing-firefly-lqd5k?file=/index.tsx
1 - Open the basic Select
2 - Check the isTypeahead checkbox
3 - Open the typeahead Select
The popper container does not appear below the menu toggle as expected:

Expected behavior
The popper container should appear below the menu toggle:

Is this issue blocking you?
No, because I can use FormSelect as a workaround for basic Select, but I prefer to use Select component for this use case.

Screenshots
See the description and the code sandbox.

What is your environment?

• OS: RHEL 8.7 CSB
• Browse: Chrome
• Version: 115.0.5790.170

What is your product and what release date are you targeting?
Kiali

Any other information?