Fix More Filter popover overlay height

hotosm · Apr 29, 2024 · c10fa27 · c10fa27
1 parent a8bce27
commit c10fa27
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/frontend/src/views/project.js b/frontend/src/views/project.js
@@ -175,13 +175,13 @@ export const MoreFilters = () => {
 
     const { top, left, height, width } = filterElement.getBoundingClientRect();
     const { height: containerHeight } = projectContainerElement.getBoundingClientRect();
-    setScrollHeight(window.scrollY);
-    setProjectContainerHeight(containerHeight);
+    const navbarHeight = document.getElementById('explore-nav').offsetHeight;
+    // calculate difference between explore project page and navbar to set popover overlay height
+    setProjectContainerHeight(containerHeight - navbarHeight);
     setPosition({ top, left, height, width });
+    setScrollHeight(window.scrollY);
   }, [filterElement, width, projectContainerElement]);
 
-  console.log(scrollHeight, 'scroll height');
-
   useEffect(() => {
     const contentHeight =
       document.getElementById('explore-nav').offsetHeight +