v2.0.5 — Fix popup close button on mobile devices
🐛 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-indextoo 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: noneon close button children - Increased touch target to 44×44px
- Added
touch-action: manipulationto eliminate tap delay - Raised
z-indexto 1050+ to stay above all modal layers - Videos now pause immediately on close
- Asset versions bumped for cache busting