Focus is not getting back on the Hamburger icon after hitting escape

[vaishnavi-115]

Expected Behaviour:
After clicking enter on Hamburger icon of the piecharts menu and then hitting on escape button, the focus should stay on the hamburger icon of the pie charts menu.

Actual Behaviour
After hitting on escape button, the focus is being highlighted on the to Pie chart and the Bar diagram

Live demo with steps to reproduce:
https://jsfiddle.net/Marshen/u39ey50L/54/

Product version
HighCharts version : v9.3.3.

Affected browser(s)
Chrome, Edge

[vaishnavi-115]

Hi Team,
Please look into this issue and kindly let us know the ETA of the fix

[raf18seb]

Hi @vaishnavi-115, thank you for creating a ticket.

I checked and it's working fine, see a GIF:

Could you please provide more info? What system and browser are you using? Thank you in advance!

[vaishnavi-115]

Hi @raf18seb
Thank you for responding.
This issue is observed after tabbing to Full screen mode in Created Orders Hamburger menu and exiting from it. After exiting from full screen mode of Created Orders section, the issue can be observed in Overall status menu icon.

[raf18seb]

@vaishnavi-115,

Forgive me, but I'm still not able to reproduce it.

Steps I made:

• focus hamburger menu of pie chart
• press enter
• press enter again to enter the fullscreen mode
• now I tried both: 1) press escape to exit fullscreen mode - the hamburger of pie chart was focused 2) press enter to open menu and press enter again to exit fullscreen mode with button click - again, the hamburger of pie chart was focused

Could you provide a GIF of your behavior with information what operating system and browser are you using?

[vaishnavi-115]

Hi @raf18seb ,
Please follow the below steps:
1.Tab to Hamburger menu icon of Created Orders.
2. Enter View In Full Screen
3. Exit Full screen
4. Tab to Hamburger menu icon of Overall Status.
5. Press Enter( the menu is expanded)
6. Press Escape
The issue can be observed now.
Operating system - Windows
Browsers - Chrome and Edge.

Thank you.

[raf18seb]

Thank you for providing the exact steps! I was able to reproduce it.

FYI @oysteinmoseng

[oysteinmoseng]

Minimal example: https://jsfiddle.net/oysteinmoseng/czkd5p9o/
I will look at this ASAP.