Admin toolbar disappears when scrolling

This was opened in the Seven theme component but, at a glance, there seems not to be a connection to Seven as such.

I think this is coming from the toolbar module. It's there that the class 'toolbar-fixed' is set on the body when the display is greater than 610px, and not when it's smaller.

I found this fix, which keeps the toolbar fixed when the tray is open, but stays absolute when the tray is close. I don't know if that's the desired behavior.

Thanks @maxocub for the patch it works well for me.

I would like to have usability review on this change

I suspect we did this to not occupy valuable screenspace on small view ports, but it amounts to weird behaviour. Keeping the toolbar in view is good because modules like settings tray and place block add global toggles there which should indeed stay accessible at all times.

I tested this on simplytest. The toolbar does stay in view now, but only when the bottom navigation bar is expanded. When I collapse the navigation bar and then scroll, the black part of the toolbar still scrolls out of view. So I think this needs work to make the toolbar stay in view when the navigation bar is collapsed as well.

Now the toolbar also stays in view when the navigation bar is collapsed.

Here's an animated screen shot.

Oups, that was the previous screen shot, here's the new one.

Applied patch and the test failed. The toolbar disappears when the menu is opened.

Fresh patch from scratch.
This patch should fix it
Please Review! :)

Applied #12 patch on 8.4.x. Worked for me.

Tried #4 patch too, as @mahalingam_cs pointed its goes back to top from middle of the page and bit annoying for end user.

I applied #12 patch and it did not work for me. For screen sizes smaller than 610px. My drupal version is 8.4.x

@sahilsharma011, you'll have to clear caches by going to Configuration > Performance > Click 'clear all caches' button. Doing this will clear the cached CSS files and you could see the changes.

Yes it is working now. I didn't knew that. Thanks @sudhanshug

Alternative :
in Drupal root,
drush cc

CI Error, back to RTBC.

When this issue is fixed these issues can be closed as a duplicate:

• #2516938: Set the toolbar to position fixed on mobile
• #2562251: .toolbar-bar becomes detached from fixed position tray items when scrolling on mobile, leaving gap

Thanks @idebr for pointing out the other issues.

I will close this issue as a duplicate to #2516938: Set the toolbar to position fixed on mobile since it contains a lot of background information about why the bug haven't been fixed yet.

This one is already an RTBC though, the other one is pretty old and there haven't been any updates there since a year.