GB2.5 – carousel infinite loop not working on firefox

Hi Ying

Thanks for checking for me.

Since it isn’t an issue for you I investigated further and realised that it is because I have “Show animations in windows” turned OFF in windows on my PC

I am disappointed that GB would disable an intentional scroll based on that setting. Is there a way for GB to allow the loop even for people who have their windows animations turned off?

Odd that it is only an issue in firefox and not the other browsers.

Thanks for the detailed explanation Alvin

I guess the real issue is that no other slider library I’ve used respects the prefers-reduced-motion setting (I’ve used quite a few different sliders in various projects, some js libraries and some wordpress plugins). So it is very frustrating not being able to properly develop and test the GB sliders without turning off my windows reduced motion

I can see the GB point of view – i.e. to respect browser settings, but browsers seem to be particularly stupid at blindly applying the OS prefers-reduced-motion rule and not allowing an override in the browser.

Note that even the swiper demo page doesn’t honor the prefers-reduced-motion setting
https://swiperjs.com/demos/200-infinite-loop/core

Anyway, given that is the way GB is going to be, then I have to find a workaround. So to help anyone else with the same issue I found that as a compromise, if you set “Show animations in windows” to ON in windows settings then you can actually disable quite a few of the animations settings manually:

Search for ‘advanced system settings’ in windows and in ‘Performance’ settings you can uncheck all the ‘fade’ and ‘animate’ options except ‘Animate controls and elements inside windows’
as per image:

So that stops quite a bit of ‘motion’ stuff in windows without triggering the prefers-reduced-motion option in the browser.
(Note that the above settings are on Windows 10 – they may look a little different on windows 11)