Some selects get rendered in the wrong position for a flash second

[KKoukiou]

Screencast.from.2023-06-07.11-28-35.webm

[garrett]

This looks like a PF/React issue where the position is being calculated after the element is created.

I see it on Cockpit itself, when non-form selects are used (that is: PF selects are affected, not HTML selects which manage their own dropdown). This isn't specific to Cockpit-Machines.

Specific places in Cockpit:

• Reboot/Shutdown modal's delay time selection (most noticeable on first dropdown)
• Change system time's dropdowns. It's most noticeable with manu time and clicking on the calendar icon (every time).

Here it is in the time modal:

system-time.webm

Aside from "properly" fixing it (making sure the position is done before inserting it into the DOM), one workaround they could do is to set it to visibility: hidden, insert the element into the DOM, place it, then remove visibility: hidden.

[garrett]

I think this was fixed in patternfly/patternfly-react#9339... but still isn't in any release yet?