assign explicit height to navigation menu div

diff --git a/src/css/navigation-menu.css b/src/css/navigation-menu.css
index ddcd2bb..2da0ac0 100644 (file)
--- a/src/css/navigation-menu.css
+++ b/src/css/navigation-menu.css
@@ -9,6 +9,17 @@ html.is-clipped--nav {
   flex-direction: column;
 }
 
+/* help Chrome calculate the height correctly; must match .navigation value minus height of drawer */
+.navigation-menu {
+  height: calc(100vh - var(--navbar-height) - var(--toolbar-height) - var(--drawer-height));
+}
+
+@media (min-width: 1024px) {
+  .navigation-menu {
+    height: calc(100vh - var(--navbar-height) - var(--drawer-height));
+  }
+}
+
 .navigation-menu:not(.is-active) {
   display: none;
 }