Fix Page sizing (#1635)

Luke Bowerman · web-flow · commit af33665ebd24 · 2020-11-06T15:38:40.000-08:00
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -35,6 +35,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- `Page` fix size to use `%` instead of `vh/vw`
 - `FieldCheckboxGroup` now sets `border-color` of child checkboxes to "critical" when validationMessage.type is equal to 'error'
 - `Select` on a mobile device or with "tap to click" on a touch pad reopens immediately after clicking on an option
 - `Select` options not being announced in a screen reader on keyboard navigation
diff --git a/packages/components/src/Layout/Semantics/Page.tsx b/packages/components/src/Layout/Semantics/Page.tsx
@@ -28,6 +28,6 @@ import styled from 'styled-components'
 import { Layout } from './Layout'
 
 export const Page = styled(Layout)`
-  height: 100vh;
-  width: 100vw;
+  height: 100%;
+  width: 100%;
 `

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,6 @@ import styled from 'styled-components'`
`28`	`28`	`import { Layout } from './Layout'`
`29`	`29`
`30`	`30`	export const Page = styled(Layout)`
`31`		`- height: 100vh;`
`32`		`- width: 100vw;`
	`31`	`+ height: 100%;`
	`32`	`+ width: 100%;`
`33`	`33`	`