Beta 5.4 HTML position:fixed

[Andre Jutras]

I'm testing out beta 5.4 and noticed an odd issue relating to the HTML tag in a page where in mobile, the browser scrollbar disappears due to this CSS:

Found here:

/wp-includes/css/dist/block-editor/style.min.css?ver=5.4-beta1

html {
    position: fixed;
    width: 100%;
}

For screens larger than 782px:

@media (min-width: 782px)
html {
    position: static;
    width: auto;
}

I checked current 5.3 version and this is nowhere to be seen. What is the purpose of the fixed HTML in mobile screens below 782px? I'm assuming this is a bug.

[ryelle]

Hi @andre-jutras!

Are you still seeing this issue? I noticed the code has changed since this report, and it seems to work fine on my phone.

If this is still a problem, can you create an issue in ​the Gutenberg repository? That's the source of this code. Thanks!

[sabernhardt]

Thanks @andre-jutras for the report and @ryelle for responding more quickly than I did :)

For history, the fixed positioning was purposely added for mobile in ​pull request 18686.

A comment in the current ​stylesheet file briefly explains the reasoning:

// On Mobile devices, swiping the HTML element should not scroll.
// By making it fixed, we prevent that.
html.interface-interface-skeleton__html-container {
	position: fixed;
	width: 100%;