Skip to content

🚀 [Story performance] Use dvh if available, instead of vh #37003

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mszylkowski merged 5 commits into from
Nov 24, 2021
Merged

🚀 [Story performance] Use dvh if available, instead of vh #37003

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
25d4e57
Use dvh if available, instead of vh
mszylkowski Nov 18, 2021
e938d74
Only add resize observer if doesnt support dvh
mszylkowski Nov 19, 2021
f5589a6
Remove px
mszylkowski Nov 19, 2021
8b837fe
using ?. on CSS
mszylkowski Nov 22, 2021
12defed
Merge branch 'main' of github.com:ampproject/amphtml into dvhVariable
mszylkowski Nov 22, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
using ?. on CSS
  • Loading branch information
@mszylkowski
mszylkowski committed Nov 22, 2021
commit 8b837fe853b6b9cf6e318d47992736f0473c0f07
2 changes: 1 addition & 1 deletion extensions/amp-story/1.0/amp-story.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -345,7 +345,7 @@ export class AmpStory extends AMP.BaseElement {
// prerendering, because of a height incorrectly set to 0.
this.mutateElement(() => {});

if (!this.win.CSS.supports || !this.win.CSS.supports('height', '100dvh')) {
if (!this.win.CSS?.supports?.('height: 1dvh')) {
this.onResize_(this.getViewport().getSize());
}

Expand Down