Twenty Twenty: Cover template overflows browser bar on mobile

[twiddler]

Hey there!

Twenty Twenty's cover template fills the whole background with the article image. This works as expected on desktop. On mobile however, some content gets covered by the browser bar.

Replacing vh with dvh fixes that:

.screen-height {
   min-height: 100dvh;
}

Hey there! :wave:

Twenty Twenty's cover template fills the whole background with the article image. This works as expected on desktop. On mobile however, some content gets covered by the browser bar.

Replacing vh with dvh fixes that:

.screen-height {
   min-height: 100dvh;
}

Trac ticket: https://core.trac.wordpress.org/ticket/60462

[karmatosed]

It would be great to get some testing on this to ensure we discover if this is still an issue and if we want to progress.

[poena]

I am able to reproduce the issue on using the WordPress Playground. The arrow is not visible.

But I have not been able to test the PR. I am trying to test it from my mobile using WordPress Playground, since I can not reproduce the issue locally using the browser tools.
I am not sure if there is a problem because the tests failed, or if there is a problem with Playground itself.

[sabernhardt]

Is this the same issue as #48837?

[twiddler]

Replying to sabernhardt:

Is this the same issue as #48837?

I think so, yes.

[sabernhardt]

Thanks! I'll close this as a duplicate and the discussion can continue on the other ticket.

[sabernhardt]

Duplicate of #48837.