Original demonstration. This is not a client project.
The menu closes.
The page should work.
A small navigation defect can make a mobile page feel broken. Compare an invisible menu that still catches clicks with a repair that restores access to the page.
- Open Menu, then close it.
- Press "Check availability" in the example.
- Try Tab and Escape with the menu open.
After repair: hidden links cannot catch clicks or keyboard focus. Escape closes the menu and returns focus to its button.
The example below uses a narrow viewport. It is a fictional service page with no booking or payment integration.