Twenty Twenty: CSS issue for modal-menu.php

[Parvand]

When the screen gets smaller, the following problems appear in the menu :

1. Toolbar moves away from the top of the page
2. the screen get scroll from bottom

this problem is in both LTR and RTL

​http://s11.picofile.com/file/8394294584/InkedUntitled_2_LI.jpg

[mukesh27]

Hi there, welcome to WordPress Trac! Thanks for the ticket.

I replicated the same issue on a small screen( 700px responsive screen ).

Added initial patch.

[mukesh27]

Initial patch.

[Parvand]

Replying to mukesh27:

Hi there, welcome to WordPress Trac! Thanks for the ticket.

I replicated the same issue on a small screen( 700px responsive screen ).

Added initial patch.

hey, thanks.
good work. it work, but toolbar still has problem.
when get smaller ( max-width: 600px ) #wpadminbar going to position absolute and move away from the top of the page screen.

for logged in users with toolbar still problem.
but for none users we dont have problem.

sry my english so bad

[ianbelanger]

Hi @Parvand and @mukesh27, I cannot recreate this issue in my testing. Can you please provide some more information? OS, browser, etc...

Thanks

[poena]

I can reproduce this using:
WordPress 6.3.0
Theme Version: 2.2
MacOS
Chrome Version 115.0.5790.170

I can only reproduce it if:
-I start with a full browser width and I toggle the search form feature in the header, then reduce the browser window width.
-I start with a medium browser width where the header menu collapses so that the menu toggle button is visible, and I open the menu and then reduce the browser window width.

I can't reproduce it when the search and menu are closed.