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

Sometimes, have to think out of the box

Browse source 
Focus first, then scroll
This commit is contained in:
Lim Chee Aun 2023-08-14 21:56:44 +08:00
parent e3c77cb516
commit c1f947a9c3
1 changed files with 2 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -241,15 +241,11 @@ function MediaModal({
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
carouselRef.current.focus();
carouselRef.current.scrollTo({
left: carouselRef.current.clientWidth * (currentIndex - 1),
behavior: 'smooth',
});
setTimeout(() => {
// Delay is needed for Safari, the focus stops it from scrolling
// 1000 is hypothetical
carouselRef.current?.focus();
}, 1000);
}}
>
<Icon icon="arrow-left" />
@ -261,15 +257,11 @@ function MediaModal({
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
carouselRef.current.focus();
carouselRef.current.scrollTo({
left: carouselRef.current.clientWidth * (currentIndex + 1),
behavior: 'smooth',
});
setTimeout(() => {
// Delay is needed for Safari, the focus stops it from scrolling
// 1000 is hypothetical
carouselRef.current?.focus();
}, 1000);
}}
>
<Icon icon="arrow-right" />