[BITV] 9.1.4.10/3.2 - At a browser window width of 320 CSS pixels (or at a browser window width of 1280 CSS pixels and 400% zoom enlargement), with the page navigation open on the left side, the contents are displayed incorrectly (partially cut off) during keyboard navigation. (2)

[AndyScherzinger]

Details

https://report.bitvtest.de/default-en/d63601ac-cb34-4645-8256-66bec78964a0.html#checkpoint-81d891d46b-v3-n2

• 9.1.4.10/10.2 - https://report.bitvtest.de/default-en/d63601ac-cb34-4645-8256-66bec78964a0.html#checkpoint-81d891d46b-v10-n2

[szaimen]

Hey, I just tested this and it seems like we run into a different problem now:

Aufzeichnung.2023-10-11.145807.mp4

Should the elements outside the sidebar be focusable if the sidebar overlaps them? I guess not?

[JuliaKirschenheuter]

Should the elements outside the sidebar be focusable if the sidebar overlaps them? I guess not?

Actually not. We have to implement some mechanism to open sidebar - and close sidebar on a place. And make a focus trap inside a sidebar (that it won't be possible to walk outside).

@nimishavijay @jancborchardt help!

[szaimen]

There are two options for the toggle that I see:

1. Keep the the toggle next to the sidebar but make the overall width smaller if the screen is too small
2. keep the current width of the sidebar but put the toggle into it (preferred by me)
   Also cc @marcoambrosini wdyt? :)

[szaimen]

@Pytal I heard from Julia that you know a big about focus trap? Would you be able to implement this for the left sidebar as well? I could take care of the toggle then :)

[ShGKme]

Actually not. We have to implement some mechanism to open sidebar - and close sidebar on a place. And make a focus trap inside a sidebar (that it won't be possible to walk outside).

@nimishavijay @jancborchardt help!

Seems reasonable to me

@Pytal I heard from Julia that you know a big about focus trap? Would you be able to implement this for the left sidebar as well? I could take care of the toggle then :)

Actually, no big problem. We only need to check for mobile size and enable/disable a focus trap on open with the toggle button as an additional element. I can make a PR

[szaimen]

@Pytal I heard from Julia that you know a big about focus trap? Would you be able to implement this for the left sidebar as well? I could take care of the toggle then :)

Actually, no big problem. We only need to check for mobile size and enable/disable a focus trap on open with the toggle button as an additional element. I can make a PR

Would be great thanks! I can test your PR then :)

[ShGKme]

There are two options for the toggle that I see:

1. Keep the the toggle next to the sidebar but make the overall width smaller if the screen is too small
2. keep the current width of the sidebar but put the toggle into it (preferred by me)
   Also cc @marcoambrosini wdyt? :)

Additionally, we could close the navigation on ESC. What do you think?