Having an issue with headroom.js and shadcn ui drawer on IOS.

Scroll down the page and then open the mobile menu,
Click anywhere on the drawer/menu, the headroom header is moving/starting to unpin and I you can't click on a menu item

I have tried to call freeze() on the headroom js library when mobile menu open but no luck.. (header stays open, but touch event bs still happens!)
Tried setting pointer events to none on the body no luck.. (touch event bs still happens!)

Only thing I can think of doing it setting the scroll to 0 so the user is at the top of the page as it works then, but rather not!

Any ideas guys? ❤️ Will you buy a coffee or two!!! 

Live link: https://rb.gy/k28esn

Edited June 20, 20242 yr by Benn_Kingy

On my phone as soon as I scroll the header bar hides. So can't even see the menu.

Not even sure why you need to use headroom.js. You can do all you need to do with a simple bit of CSS.