Hello i tried to look for similar questions and did most of the answers but none of them worked.
We are building a maui app using blazor web view for android and ios.Long list of contents require vertical scrolling but scrolling never functions because the page never goes below its initial boundaries. It becomes impossible to see the content below.
I would appreciate any response. Following is what i tried as part of my solution:
html, body, #app { height: 100vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}Following is for MainPage.xaml.
<Grid RowDefinitions="*" ColumnDefinitions="*"><ScrollView VerticalOptions="FillAndExpand"><BlazorWebView x:Name="blazorWebView" HostPage="wwwroot/index.html" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"><BlazorWebView.RootComponents><RootComponent Selector="#app" ComponentType="{x:Type local:Components.Routes}" /></BlazorWebView.RootComponents></BlazorWebView></ScrollView></Grid>In Main Layout page, i also added the following css:
.page { height: 100%; display: flex; flex-direction: column;}main { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;}