Steps to Reproduce
- Visit https://commons.m.wikimedia.org/wiki/Special:NewFiles?mobileaction=beta (in beta mode)
- Scroll down and start scrolling up until the blue back to top button shows
- Tap an image
- Inspect the page and notice where the back to top button is in the background (the CSS class is backtotop)
- Tap the details button where it overlaps with the back to top button
- Image details are shown
- Nothing happens
- Mobile Commons
- Chromium v70.0.3538.67
- Ubuntu v18.10
The z-index of backtotop and overlay are identical, but .backtotop is a child of body, whereas the overlay is a child of #mw-mf-viewport.
.overlay class z-index should be bumped higher, so it is higher than backtotop.
There needs to be 4 categories of z-index would be "article", "above article", "overlay", "above overlay" not 3.
@z-indexBase: 0; @z-indexOverBase: 1 @z-indexOverlay: 2; @z-indexOverOverlay: 3;
We might want to consider changing the HTML structure as part of this change so that backtotop is more closely associated with the HTML of the article to which it belongs.