This is the structure of a page. Here, I have a Scrollable Column which has few widgets and a container containing an Infinite Scroll Listview.
This is the properties panel of the scrollable column. The scroll is set to primary for this one.
This is the properties panel for the Container containing the Listview. Here I have set Max H to 80% as it doesn't allow to leave the height empty and I don't want to set a fixed height hence Max H.
If I remove the 80%, I get following error:
Because of these settings, I am getting 2 scrolls on the page. One for the scrollable column and one for the Listview contained in the 80% height container. How can I make it such that there is only one scroll for whole page keeping the Listview as Infinite Scroll?
Please ignore the Error Screenshot as it was not allowing to Publish without putting something in there.