Nested Swiper Navigation Problem

[raideltorres]

Hello. I have a requirement to create a nested slider with this properties:

First: 3 Vertical Slides
Second: 2 Horizontal Slides
Third: 2 Vertical Slides

Here I have a code sandbox with the desired implementation: https://codesandbox.io/p/sandbox/swiper-mousewheel-control-react-forked-xe3fd9?file=%2Fsrc%2FApp.jsx

Everything is working as expected except for the reverse navigation. If we navigate down with the scroll or with the mouse swipes is great since it will start with the first 3 slides from the first Swiper and then it will start with the next 2 from the second Swiper, and the same will happen with the last 2 from the last Swiper. The problem is happening trying to navigate up, since apparently if I scroll up or swipe up while standing on the last slide it will jump to the slide #2 because the event is triggering the slide action from the first Swiper and not only the one from the last one.