patternfly-react icon indicating copy to clipboard operation
patternfly-react copied to clipboard

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

Open Andrewgdewar opened this issue 1 year ago • 0 comments

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.

Andrewgdewar avatar Sep 24 '24 20:09 Andrewgdewar