Skip to content

v2.0.5 — Fix popup close button on mobile devices

Choose a tag to compare

@maitpatni maitpatni released this 12 Apr 20:55
· 3 commits to main since this release

🐛 Bug Fix — Popup Close Button

The close button on the reel carousel popup was not responding on many mobile/touch devices.

Root Causes Fixed:

  • Inner <span> element was intercepting touch events before they reached the <button>
  • Missing data-bs-dismiss="modal" attribute (Bootstrap 5 native dismiss)
  • Close button touch target was too small (34px → now 44px per Apple/Google guidelines)
  • z-index too low, causing the button to be overlapped by modal layers

Changes:

  • Added data-bs-dismiss="modal" for native Bootstrap 5 dismiss
  • JS click handler now catches taps on inner child elements
  • Added pointer-events: none on close button children
  • Increased touch target to 44×44px
  • Added touch-action: manipulation to eliminate tap delay
  • Raised z-index to 1050+ to stay above all modal layers
  • Videos now pause immediately on close
  • Asset versions bumped for cache busting