Skip to content

Fix scrolling issue in rich text editor autocomplete

Himanshu Kapoor requested to merge 435029-annoying-scroll-issue into master

What does this MR do and why?

Fix scrolling issue in rich text editor autocomplete

When typing in the rich text editor, the first item is auto-selected, which causes the page to flicker and scroll into view before the dropdown is rendered. This commit fixes it.

Changelog: fixed

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After

Screen Recording 2023-12-13 at 19.42.43.mov

There is a flicker when you type something after @

Screen Recording 2023-12-13 at 19.41.57.mov

No flicker

How to set up and validate locally

  1. Add a comment using the rich text editor.
  2. Type @ to bring up the autocomplete dropdown. Type any letter after the symbol.
  3. Notice the dropdown does not flicker anymore.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #435029 (closed)

Merge request reports

Loading