scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/sw-3703-fix-focus-in-lightbox-gallery (pull request #3521)

Browse Source 
fix(SW-3703): Fix focus management in lightbox gallery

* Add keys to fix focus


Approved-by: Matilda Landström
This commit is contained in:
Anton Gunnarsson
2026-01-30 12:55:46 +00:00
parent cc60cf2903
commit fd38542863
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/design-system/lib/components/Lightbox/Gallery/index.tsx
View File

@@ -151,6 +151,7 @@ export function Gallery({
{hasPrevImage && ( {hasPrevImage && (
<ThumbnailImage <ThumbnailImage
image={thumbnail.previous!} image={thumbnail.previous!}
key="prev-lightbox-image"
index={0} index={0}
onSelect={onSelectImage} onSelect={onSelectImage}
/> />
@@ -158,6 +159,7 @@ export function Gallery({
<span className={styles.thumbnail}> <span className={styles.thumbnail}>
{thumbnail.images.map((image, index) => ( {thumbnail.images.map((image, index) => (
<ThumbnailImage <ThumbnailImage
key={image.src}
image={image} image={image}
index={hasPrevImage ? index + 1 : index} index={hasPrevImage ? index + 1 : index}
onSelect={onSelectImage} onSelect={onSelectImage}
@@ -168,6 +170,7 @@ export function Gallery({
{hasNextImage && ( {hasNextImage && (
<ThumbnailImage <ThumbnailImage
image={thumbnail.next!} image={thumbnail.next!}
key="next-lightbox-image"
index={6} index={6}
onSelect={onSelectImage} onSelect={onSelectImage}
/> />