ckeditor / ckeditor5

Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.
https://ckeditor.com/ckeditor-5
Other
9.52k stars 3.7k forks source link

Clicking on toolbar dropdowns between editors causing a confusing scrolling. #15944

Open pszczesniak opened 8 months ago

pszczesniak commented 8 months ago

πŸ“ Provide detailed reproduction steps (if any)

  1. Open http://127.0.0.1:8080/ckeditor5/latest/features/find-and-replace.html or http://127.0.0.1:8080/ckeditor5/latest/features/lists/lists.html (docs or tests when there are more than one editor)
  2. Click on toolbar heading dropdown in first editor.
  3. Scroll to second editor and click on toolbar heading dropdown.

βœ”οΈ Expected result

Clicked dropdown is shown, nothing is scrolled.

❌ Actual result

User is scrolled to previous editor, focus stays at clicked dropdown, dropdown is not shown.

https://github.com/ckeditor/ckeditor5/assets/7074833/6c72ba4f-0dcf-4b83-a057-57e5f07a9d6d

Regression

Works on version 34.0.0, stopped in 35.1.0

βœ… https://ckeditor.com/docs/ckeditor5/34.0.0/features/lists/lists.html
πŸ›‘ https://ckeditor.com/docs/ckeditor5/35.1.0/features/lists/lists.html

❓ Possible solution

If you have ideas, you can list them here. Otherwise, you can delete this section.

πŸ“ƒ Other details


If you'd like to see this fixed sooner, add a πŸ‘ reaction to this post.

pszczesniak commented 8 months ago

Quote from Β @oleq:

I remember we changed the way focus is managed in dropdowns some time ago. Long story short, the focus goes back to the dropdown button when you close the dropdown. I suppose it might be that this focus going back happens after you clicked somehow else in another editor and the browser goes crazy. But this is a wild guess.