From 42bd090b354173234b270ce49bfba7b58431f9c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matuzal=C3=A9m=20Teles?= <matuzalemteles@gmail.com>
Date: Mon, 8 Apr 2024 18:20:36 -0500
Subject: [PATCH 1/2] fix(@clayui/navigation-bar): fixes navbar size bug when
 resizing

---
 packages/clay-navigation-bar/src/index.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/clay-navigation-bar/src/index.tsx b/packages/clay-navigation-bar/src/index.tsx
index 6e239136b8..b37024511f 100644
--- a/packages/clay-navigation-bar/src/index.tsx
+++ b/packages/clay-navigation-bar/src/index.tsx
@@ -137,10 +137,16 @@ function ClayNavigationBar({
 						onEnter={(element: HTMLElement) =>
 							element.setAttribute('style', `height: 0px`)
 						}
+						onEntered={(element: HTMLElement) =>
+							element.setAttribute('style', `height: auto`)
+						}
 						onEntering={(element: HTMLElement) =>
 							setElementFullHeight(element)
 						}
 						onExit={(element) => setElementFullHeight(element)}
+						onExited={(element) =>
+							element.setAttribute('style', `height: auto`)
+						}
 						onExiting={(element) =>
 							element.setAttribute('style', `height: 0px`)
 						}

From 84ea1a2874ac8523ce4e3ff87fe5b88c103bad84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matuzal=C3=A9m=20Teles?= <matuzalemteles@gmail.com>
Date: Mon, 8 Apr 2024 18:51:49 -0500
Subject: [PATCH 2/2] chore(@clayui/navigation-bar): regen snapshot

---
 .../src/__tests__/__snapshots__/index.tsx.snap                | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/clay-navigation-bar/src/__tests__/__snapshots__/index.tsx.snap b/packages/clay-navigation-bar/src/__tests__/__snapshots__/index.tsx.snap
index fbb7dbad7a..098bceb2ef 100644
--- a/packages/clay-navigation-bar/src/__tests__/__snapshots__/index.tsx.snap
+++ b/packages/clay-navigation-bar/src/__tests__/__snapshots__/index.tsx.snap
@@ -3,7 +3,7 @@
 exports[`ClayNavigationBar collapses the previously expanded dropdown when trigger element is clicked 1`] = `
 <div
   class="navbar-collapse collapse"
-  style="height: 0px"
+  style="height: auto"
 >
   <div
     class="container-fluid container-fluid-max-xl"
@@ -191,7 +191,7 @@ exports[`ClayNavigationBar renders a custom item 1`] = `
 exports[`ClayNavigationBar renders a dropdown when clicking the trigger element from NavigationBar 1`] = `
 <div
   class="navbar-collapse show"
-  style="height: 0px"
+  style="height: auto"
 >
   <div
     class="container-fluid container-fluid-max-xl"