simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Allow keyboard nav after clicking on buttons in media carousel

Browse source
This commit is contained in:
Lim Chee Aun 2023-08-01 19:43:52 +08:00
parent 75cfd02134
commit b0ed0be47d
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/media-modal.jsx
View file

@ -176,6 +176,7 @@ function MediaModal({
left: carouselRef.current.clientWidth * i, left: carouselRef.current.clientWidth * i,
behavior: 'smooth', behavior: 'smooth',
}); });
carouselRef.current.focus();
}} }}
> >
• •
@ -245,6 +246,7 @@ function MediaModal({
left: carouselRef.current.clientWidth * (currentIndex - 1), left: carouselRef.current.clientWidth * (currentIndex - 1),
behavior: 'smooth', behavior: 'smooth',
}); });
carouselRef.current.focus();
}} }}
> >
<Icon icon="arrow-left" /> <Icon icon="arrow-left" />
@ -260,6 +262,7 @@ function MediaModal({
left: carouselRef.current.clientWidth * (currentIndex + 1), left: carouselRef.current.clientWidth * (currentIndex + 1),
behavior: 'smooth', behavior: 'smooth',
}); });
carouselRef.current.focus();
}} }}
> >
<Icon icon="arrow-right" /> <Icon icon="arrow-right" />
@ -272,6 +275,7 @@ function MediaModal({
onClick={(e) => { onClick={(e) => {
if (e.target === e.currentTarget) { if (e.target === e.currentTarget) {
setShowMediaAlt(false); setShowMediaAlt(false);
carouselRef.current.focus();
} }
}} }}
> >