Grid Lightbox 이미지가 잘못된 순서로 표시됩니다

zogstrip · 5월 13, 2026, 9:16오전

@Shauny님, 보고해 주셔서 감사합니다. 디버깅하고 수정하는 과정이 꽤 재미있었습니다

github.com/discourse/discourse

FIX: Preserve original image order in grid lightbox (#39968)

main ← fix-grid-lightbox-order

merged 07:31AM - 18 May 26 UTC

ZogStriP

+247 -3

Inside a `[grid]` block, the lightbox arrow navigation followed column-balanced …DOM order instead of the original markdown order. For four images this resulted in 1, 3, 2, 4 because `Columns` distributes items by height into the shortest column. `lightbox.js` collects items via `querySelectorAll(".lightbox")`, which returns nodes in document order — the same scrambled order the layout algorithm produced. `Columns` now tags each item with `data-lightbox-position` carrying its original index before reordering. A new `sortLightboxItems` helper in `lightbox.js` reorders items within each grid by that attribute before they reach PhotoSwipe. The existing RTL reverse continues to apply on top, so right-to-left navigation now mirrors logical order rather than the scrambled layout. https://meta.discourse.org/t/402817

@davidb님 참고 바랍니다

글		댓글	조회수
Introducing image grids in posts Announcements new-feature	42	8283	1월 10, 2026
Image lightboxing does not respect manual resizing or [grid] tags Bug lightbox	4	395	11월 30, 2024
Uploading images in order of filename Feature	30	1589	10월 8, 2018
Lightboxed images do not have `vertical-align` set, misaligning them with naked `img`s Bug lightbox , fixed	2	313	6월 18, 2024
Image lightbox not working after collapsed Bug chat	4	687	3월 17, 2023

Grid Lightbox 이미지가 잘못된 순서로 표시됩니다

Related topics