[BUG] - Navbar shouldHideOnScroll causes Navbar to vanish or get stuck

[yelwin-d3]

NextUI Version

in all version

Describe the bug

In all versions, I am seeing the Navbar component with shouldHideOnScroll set to true, resulting in the Navbar disappearing after a few scrolls up and down. Alternatively, if it doesn't disappear, it reverts to sticky behavior. This issue occurs even on the NextUI component documentation page under the 'Hide on scroll' section. A page refresh restores it.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1- Go to https://nextui.org/docs/components/navbar#hide-on-scroll
2- Start scrolling up and down a few times
3- Navbar disappears or goes to sticky
4- Tested on Chrome, Edge, and both mobile/desktop.

Expected behavior

As a user, the Navbar should hide when I scroll down, but reappear as soon as I scroll back up. It should always be positioned at the very top if I haven't scrolled or if I've scrolled all the way back to the top.

Screenshots or Videos

335593235-da3c0ed9-8f98-406b-ac15-f90da6c2327c.mp4

Operating System Version

macOS, Window

Browser

Chrome

[linear]

ENG-1052 [BUG] - Navbar shouldHideOnScroll causes Navbar to vanish or get stuck

[wingkwong]

Duplicate - #3139