Wp-calypso: Stats panel showing over menu on mobile

[bsessions85]

Steps to reproduce

1. Log in to Calypso on mobile device/emulator, or resize a desktop browser (Chrome, Firefox) to narrow width
2. View the site dashboard

What I expected

The dashboard menu to look and work properly

What happened instead

The stats panel is showing over the top

Browser / OS version

Chrome emulator
Chrome/Android
Chrome/Firefox desktop browser with narrow widths

Screenshot / Video

Additional

Seems to have started with this commit: dead79441a45004ad60888bdfb6f7aa905e3dd8e

[kwight]

It turns out this is a larger issue, possibly going back days or weeks. It's not just stats showing, but other elements from the primary section – for example, Plans:

As @gwwar pointed out, the real issue seems to be that the primary section shouldn't be rendered for this sidebar view at all (which would cover any later situations of z-index wars between elements and sections).

[alisterscott]

This seems to affect all mobile browser users.

Could we revert the notifications client update to see whether that helps?

Edit - it seems this isn't an issue in Safari (desktop or mobile) so it wouldn't affect iOS mobile users

[kwight]

@alisterscott I think proceeding with #22271 would be a better approach, since it's not notifications related.

[shaunandrews]

FWIW, I'm unable to reproduce this on Mobile Safari or Google Chrome iOS.

[alisterscott]

FWIW, I'm unable to reproduce this on Mobile Safari or Google Chrome iOS.

Yes, it doesn't happen using Safari on macOS or any browser on iOS (which use Safari)

[kwight]

@alisterscott ha, you beat me to it 🙃

[alisterscott]

When no stats appear, the text comes through

[gwwar]

Yup, same type of bug! Basically any elements as a child of the primary div with z-index set will leak through into this view.

[kwight]

The regression I saw with the Reader that led to the revert of #22271 👍

To replicate:

• Click on Reader.
• Select a post title.