Invalid focus after opening select menu when screen reader enabled

[KarolDawidziuk]

Type of report

Bug

Provide detailed reproduction steps (if any)

1. Enable the screen reader: NVDA or JAWS.
2. Open the http://192.168.0.2:1030/tests/plugins/menubutton/manual/menubuttonscreenreader#child test
3. Put caret into the editable.
4. Move your focus to the toolbar by pressing alt+f10.
5. Open the select list with the space key.

Expected result

Focus is moved to the first element in list.

Actual result for NVDA.

nvda.mov

Focus is not visible. It only happens the first time.

Actual result for JAWS.

Focus is jumped to the second position on the list. It only happens the first time.

focus.mov

Other details

I didn't notice this issue with VoiceOver on macOS.

• Browser: IE, Chrome
• OS: Windows
• CKEditor version: 4.19.0 (pre-released)

[sculpt0r]

I didn't encounter such behaviour with JAWS 2021 & IE 8 (Win7).
With JAWS 2022 & IE11 (Win10) it happened only the first time I moved to the toolbar & open the menus 🤔

[KarolDawidziuk]

Yes, it only happens the first time. I forgot to mention it in the description. Already updated.

[Comandeer]

I can confirm the issue with JAWS in IE11. However, it seems to be visible only in the manual test, I could not reproduce it on the sample with other plugins.