Tile-click logs from the user's session reveal that the modal opens
(display becomes flex) but every "arrow click" actually lands on a
gallery thumbnail behind the modal — closest(.flat-gallery-tile)
finds a button with target=img. So either the overlay isn't covering
the viewport (positioning fails) or pointer events leak through.
Add log lines to settle it:
- open() now dumps computed display/position/zIndex/inset/pointer-events
+ getBoundingClientRect() and the viewport size, so we can see
whether the overlay box actually spans the screen.
- Logs the prev/next button rects too — tells us where the arrows
sit and whether they overlap the gallery.
- Each of prevBtn/nextBtn/closeBtn/overlay click handlers logs when
it actually fires — confirms whether arrow handlers are reached at
all when the user clicks them.
- step() logs entry, delta, idx and out-of-range exits.
All logs still tagged [lazyflat.lightbox] / DEBUG(lightbox): for grep
+ removal once fixed.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>