Outpost Community Demo

Sidebar doesn't close when tapping outside on iOS

By bugfinder404 ·

On iOS Safari (iPhone 14 Pro, iOS 17.3), the sidebar menu stays open when you tap outside of it. You have to tap the X button to close it.

On Android Chrome it closes correctly when tapping the overlay area.

Repro

  1. Open community on iPhone Safari
  2. Tap hamburger menu to open sidebar
  3. Tap anywhere on the dimmed overlay area
  4. Sidebar stays open
Expected Actual
Tap overlay Sidebar closes Nothing happens
Tap X button Sidebar closes ✅ Works

4 replies

top-outpost-ninja ·

Good catch! This is a known iOS Safari quirk — touch events on overlay divs don't fire unless the element has a cursor: pointer style. Adding that to the overlay should fix it. Will patch this today.

mango_dev ·

Can confirm same behavior on iPad Mini. Also the sidebar animation stutters a tiny bit on first open, probably layout recalc. Smooth after that though.

top-outpost-ninja ·

Both fixed! The overlay now has the cursor style for iOS, and I added will-change: transform to the sidebar to prevent the first-open jank. Should be live now.

bugfinder404 ·

Confirmed fixed on my end. Thanks for the fast turnaround!