From fb55996a93616f4b1ce348a77c0fd74c96eade82 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Sun, 20 Dec 2020 17:20:27 -0700 Subject: [PATCH] make correction for view height when opening navbar menu on mobile --- src/js/05-mobile-navbar.js | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/js/05-mobile-navbar.js b/src/js/05-mobile-navbar.js index 17f0452..b718738 100644 --- a/src/js/05-mobile-navbar.js +++ b/src/js/05-mobile-navbar.js @@ -7,8 +7,14 @@ function toggleNavbarMenu (e) { e.stopPropagation() // trap event - this.classList.toggle('is-active') - document.getElementById(this.dataset.target).classList.toggle('is-active') document.documentElement.classList.toggle('is-clipped--navbar') + this.classList.toggle('is-active') + var menu = document.getElementById(this.dataset.target) + if (menu.classList.toggle('is-active')) { + menu.style.maxHeight = '' + var expectedMaxHeight = window.innerHeight - Math.round(menu.getBoundingClientRect().top) + var actualMaxHeight = parseInt(window.getComputedStyle(menu).maxHeight) + if (actualMaxHeight !== expectedMaxHeight) menu.style.maxHeight = expectedMaxHeight + 'px' + } } })() -- 2.11.0