From 893681d3d1c3af467a09531491af79b7acc253e5 Mon Sep 17 00:00:00 2001
From: Maharshi Alpesh <maharshialpesh@gmail.com>
Date: Thu, 19 Dec 2024 18:07:53 +0530
Subject: [PATCH] fix: navbar state change

---
 .changeset/smart-oranges-peel.md             | 6 ++++++
 packages/components/navbar/src/use-navbar.ts | 5 +++++
 2 files changed, 11 insertions(+)
 create mode 100644 .changeset/smart-oranges-peel.md

diff --git a/.changeset/smart-oranges-peel.md b/.changeset/smart-oranges-peel.md
new file mode 100644
index 0000000000..90aab7f5e4
--- /dev/null
+++ b/.changeset/smart-oranges-peel.md
@@ -0,0 +1,6 @@
+---
+"@nextui-org/navbar": patch
+---
+
+
+Resolving the issue preventing the navbar from opening(#4345)
diff --git a/packages/components/navbar/src/use-navbar.ts b/packages/components/navbar/src/use-navbar.ts
index 3e245c15a4..65aed83076 100644
--- a/packages/components/navbar/src/use-navbar.ts
+++ b/packages/components/navbar/src/use-navbar.ts
@@ -161,6 +161,11 @@ export function useNavbar(originalProps: UseNavbarProps) {
     ref: domRef,
     onResize: () => {
       const currentWidth = domRef.current?.offsetWidth;
+      const scrollWidth = window.innerWidth - document.documentElement.clientWidth;
+
+      if (currentWidth && currentWidth + scrollWidth == prevWidth.current) {
+        return;
+      }
 
       if (currentWidth !== prevWidth.current) {
         updateWidth();