[BUG]: Image slider indicators don't work when swiping on mobile - Githubissues

Sawkiii / Artfy

0 stars 0 forks source link

[BUG]: Image slider indicators don't work when swiping on mobile #3

Open tnickel-web opened 2 days ago

tnickel-web commented 2 days ago

Bugs:

Image slider indicators don't work when swiping on mobile.
Swiping not only moves the images, but also the navigation buttons.

How to reproduce:

Open web page on a mobile device.
Use swiping gestures to cycle through the images.

Note:

Using the desktop browsers developer tool to force mobile view might not produce the same results compared to a native mobile browser.
Share dev server on local network using npm run dev -- --host. Be aware that your firewall might block incoming requests from another device.

tnickel-web commented 2 days ago

Attempted solution:

Disable horizontal scrolling/swiping on the slider component.
Implement custom touch handler for horizontal scrolling/swiping.
Make handler call the nextSlide() and prevSlide() functions. They update the bottom indicators.

Note:

Requires extensive testing on different devices and browsers.