Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.42k stars 1.99k forks source link

Global /themes and /me - empty scrollbar on first load #93681

Open Addison-Stavlo opened 2 months ago

Addison-Stavlo commented 2 months ago

If I load */plugins or */me directly (not visiting other calypso pages first) on a mobile viewport, I end up seeing an second scrollbar that is empty on the right edge of them:

If I visit other calypso pages and come back (or visit them first), the problem is gone.

TO REPRO. go to either of these pages and reload the browser.

davemart-in commented 2 months ago

Yeah, for me it's like a split second reveal of a second scrollbar and then it goes away. I suspect this is a thing where it's taking a split second for the code that hides the parent overflow to load.

@Addison-Stavlo I just tested this on my iPhone (Safari) and it wasn't an issue. In which case, should we still try and fix this, or should we just make a note of it and close it?

Addison-Stavlo commented 2 months ago

Yeah, for me it's like a split second reveal of a second scrollbar and then it goes away.

It sticks around for me, until i navigate to another page.

I just tested this on my iPhone (Safari)

I cant get it to show up on android / chrome either.

should we still try and fix this, or should we just make a note of it and close it?

Im actually noticing this happens at desktop viewports for me as well:

Screenshot 2024-08-19 at 3 29 59 PM

Although maybe not a high priority as it is not breaking and only observable if reloading on these pages directly. I updated the description above to remove the mobile specificity.

davemart-in commented 2 months ago

Moving this to Ready for Dev to investigate.