Pass through control on UI elements?

Hi,

I am making a book app. On each page there is a "fast swipe" panel. If a fast swipe is detected (left or right) then the page turns to the previous page or the next page.

On one page I have a vertical scroll rect with a lot of text. The reader is meant to scroll the text up to read it all.

The issue is that the fast swipe panel is on top of the vertical scroll rect so the reader is not able to scroll up / down.

Can someone please tell me how I can fix this?

The desired behavior is to keep the fast swipe panel "as is" (its a common component I use on each page) and also have the up/down scroll work on the textbox.

Thanks!