[Q1 Dev PM] - [LHF] - Submit button is hidden on laptops and user has to scroll down about righton-app HOT 1 CLOSED

Hi @amarax, I timedboxed digging into this a little more. After some study, I can confirm that we're running into an issue where the SwiperJS library is interacting in a problematic way with our ScrollIntoView. Here's the breakdown:

• On large screens, the SwiperJS carousel isn't activated and the behaviour is as intended. You can see it below:

• On smaller screens, when the SwiperJS carousel is activated, we get some conflicts with the way the SwiperSlide is rendered and the ScrollIntoView is fired. You can see this behaviour here:

Note that we see a duplicate version of the ChooseAnswer card when the user selects an answer.

Currently, SwiperJS doesn't offer a way to scroll vertically via a function or a hook (this would be the intended way to address the shortfalls in the library).

I'd like to request that we speak about this on Monday and see if there is a Design solution that could help mitigate this. While we can purpose this on the dev side, it will require us to take a look at other libraries and that might require more effort than we want to put in.

from righton-app.