Unable to scroll landingpage / shelves

[marcovandeveen]

For some viewers, when you use the right or left controls of theTileSlider component, it doesn't scroll.

It's not happening on all devices. But we have a couple of machines showing the behavior.

So far, it looks like it is NOT related to:

• OS: happens on windows, mac, ios
• Browser: happens on chrome, safari, firefox
• Screensize: same device, different screens, same issue
• Timing related: it happens consistently on a particular device

It seems to be introduced as in v4.26.0 , when the web app got upgraded to React 18.

FirefoxMacbookM1.mp4

ChromeMacbookM1.mp4

ios.MP4

SafariMac.mp4

[marcovandeveen]

Update:
The behavior can be traced back to whether the slider is animated.

• This is based on some 'browser magic' here: https://github.com/jwplayer/ott-web-app/blob/develop/src/components/TileDock/TileDock.tsx#L69
• Some browsers give this as a setting, but others don't, and derive it from OS settings

The preview link in https://github.com/jwplayer/ott-web-app/pull/437/files fixes it.

[ChristiaanScheermeijer]

This issue is fixed by #437, right?

[dbudzins]

@ChristiaanScheermeijer yes and no... that fix fixes the majority of issues, but we still have a repro on ipad that's still broken with the new code.