Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Andrewgdewar opened this issue Sep 24, 2024 · 0 comments · May be fixed by #11056
Open

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

Andrewgdewar opened this issue Sep 24, 2024 · 0 comments · May be fixed by #11056
Assignees

Comments

@Andrewgdewar
Copy link

Andrewgdewar commented Sep 24, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: PR Review
Development

Successfully merging a pull request may close this issue.

2 participants