Keep toolbar showing at the top on mobile screens

[arvindsinghu]

Hi , when i travel some where then I use my phone to edit my blog. From last 1 week I'm using my phone to edit my website and I found difficaltly in editing my website.

Like if I have open theme editor them I have to scroll up again and again to access menu :( when i scroll up then all the coding is mixed and make me confused where I have left .

So what I mean is , there should be flying menu bar on top to access the menu easily :) with out scrolling the screen up .

Like i'm sending two images for example , we have to scroll the screen up to view the menu :)

[arvindsinghu]

need to scroll up to access the menu

[arvindsinghu]

We need to access the menu after scrolling up

[afercia]

It might make sense to explore a fixed position for the menu, for now I'd remove the accessibility focus since not strictly related to a11y.

[dinhtungdu]

I think we can consider using a solution like headroom.js, but it should be implemented in admin-bar.js, not another third-party library.

[sabernhardt]

Related: #42300

I would like to explore keeping CSS position: fixed for mobile screens. The mobile toolbar already shows above the post (block) editor, even if the user prefers fullscreen mode on larger screens. I think having it consistently at the top would be better.

Simply removing the position: absolute rule could worsen the experience with older mobile browsers, which behaved oddly with fixed positioning (ticket:25858#comment:19). On the other hand, the very next rule sets the #wp-responsive-overlay element to fixed. ​Mobile browser support is better now, yet using the CSS ​'supports' at-rule might help prevent any problems.

Another possible issue with keeping a fixed toolbar is how it takes up space on mobile with landscape orientation (r26373). If that needs consideration, I prefer defining the different behavior based on max-height.