Skip to content

v0.14.2 - Fix modal not closing in iOS PWA

Choose a tag to compare

@ulsklyc ulsklyc released this 06 Apr 08:01

Bug Fixes

Modal cannot be closed in PWA mode on iOS (#29)

iOS Safari does not fire click events on non-interactive elements (like div) unless cursor: pointer is set. In PWA standalone mode this behavior is even stricter.

Changes in public/styles/layout.css:

  • Added cursor: pointer to .modal-overlay so iOS registers tap events
  • Added cursor: default to .modal-panel to reset inherited cursor
  • Increased close button touch target to var(--target-md) (40px) for better iOS usability

Changes in public/components/modal.js:

  • Added touchend fallback listener on overlay as a safety net for iOS PWA
  • Improved swipe-to-close: drag only initiates from the handle zone (top 48px) or when panel is scrolled to top — prevents accidental dismissal while scrolling content