From 856cc4f2952fa3edc2c874acc75de9c7e02259e2 Mon Sep 17 00:00:00 2001
From: Patricio Beltran <pbelsal@gmail.com>
Date: Thu, 25 Mar 2021 11:12:47 -0700
Subject: [PATCH] Fix height issue on webkit (#49)

---
 CHANGELOG.md        |  4 ++++
 package-lock.json   |  2 +-
 package.json        |  2 +-
 src/_normalize.scss | 11 ++++++++++-
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 234282d..23df2c6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v8.1.7
+### Changed
+- Fixed app height on webkit based browsers to take all available space instead of 100vh
+
 ## v8.1.7
 ### Changed
 - Updated `$max-size-60` to 46.25rem
diff --git a/package-lock.json b/package-lock.json
index 4ef3782..f0c4b27 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/azure-iot-ux-fluent-css",
-  "version": "8.1.7",
+  "version": "8.1.8",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 1664f5c..f4085cc 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@microsoft/azure-iot-ux-fluent-css",
   "description": "Azure IoT common styles library for CSS, Colors and Themes",
-  "version": "8.1.7",
+  "version": "8.1.8",
   "license": "MIT",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
diff --git a/src/_normalize.scss b/src/_normalize.scss
index 9f97828..3be9af2 100644
--- a/src/_normalize.scss
+++ b/src/_normalize.scss
@@ -15,7 +15,15 @@
 }
 
 :global {
+  :root {
+    // Fix webkit mobile bug with handling 100vh hiding it over the sticky browser footer
+    height: -webkit-fill-available;
+  }
+
   body {
+    height: 100vh;
+    height: -webkit-fill-available;
+
     margin: 0;
     padding: 0;
 
@@ -26,7 +34,8 @@
   }
 
   #root {
-    height: 100vh;
+    height: 100%;
+    height: -webkit-fill-available;
     
     // Set positioning to relative so that everything flows from shell
     position: relative;