Hello community! I am new around here and I got a situation.
I am developing an app that has 3 regions on the main body, each with its own individual scroll functionality. We want the main screen to be fixed and enable vertical scroll on each region.
Right now I am using a CSS class for each region, which resolves the scroll functionality:
However, the issue with this approach is that, when scrolling down it does not load all the rows in the cards region. But when enabling scroll on the main screen and scrolling down, it refreshes the remaining rows.
While testing I discovered that if I scroll down within the card region and then scroll on the main page, more data is successfully loaded, even though I have not considered the possibility of the main region being scrollable.
Any solutions or ideas appreciated. Thank you in advance.