Bug - Dropdown, Select, and MenuContainer - focus event causing jumpy scroll effect

[Andrewgdewar]

Describe the problem
When clicking on a select/kebab/menuContainer that contains an onFocus event, a jittering/auto-scroll/insta-scroll behaviour can occasionally be seen.

Additional information:

• A fix for this using a timeout (of 10ms initially) was implemented (in 5.4.1) that does fix the majority of the auto-scroll/jumpiness, but not all such cases.

How do you reproduce the problem?
Creating a kebab or select component with boxed in bounds causing the menu to display on the edge of the screen or partially cutoff will cause the scroll to be most obvious, but occasionally even when no such border appears to be present the behaviour can occur.

Expected behavior
Opening a menu or select component should not effect the scroll behaviour in anyway.

Is this issue blocking you?
No

Screenshots
https://github.com/user-attachments/assets/02ef7a41-d6c5-412a-a044-243581f08290

What is your environment?

• OS: Rhel/Mac
• Browser: chrome, firefox
• Version: 5.4.0 initially, later tested the fix in 5.4.1

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

Redhat Cloud Console (Shared module means all sub-apps affected)
No targeted release date (Continuous deployment)

Any other information?
Thanks for the help folks.