open-react-template icon indicating copy to clipboard operation
open-react-template copied to clipboard

Improve Mobile Navigation UX with Close-on-Click and Smooth Scroll

Open oxBinaryBrain opened this issue 8 months ago • 3 comments

Hi Cruip team 👋,

I'd like to propose a small UX improvement for the mobile navigation in the Open React Template:

Problem: On mobile view, after selecting a navigation link, the menu stays open. This can:

Obstruct the view

Require an extra tap to close the menu

Feel less smooth during navigation

Suggested Fix: Automatically close the mobile menu (isMenuOpen = false) when a nav link is clicked

Use scrollIntoView or react-scroll to smoothly scroll to the linked section

Benefits: Smoother user experience

Cleaner, more intuitive mobile interaction

Consistent with modern single-page application behavior

oxBinaryBrain avatar Apr 09 '25 08:04 oxBinaryBrain

can i take over this task?

vrushmore123 avatar Sep 27 '25 13:09 vrushmore123

can i take over this task?

I have tried to solve it but there was no response from the maintainers

Chrahuldeveloper avatar Sep 27 '25 14:09 Chrahuldeveloper

Okay

vrushmore123 avatar Sep 27 '25 15:09 vrushmore123