Scrollview overlaps over its child views - Android (Xamarin.Forms v5.0.0.1709-pre4)

Question

Scrollview overlaps over its child views - Android (Xamarin.Forms v5.0.0.1709-pre4)

Paul 296

Hi, I have a Scrollview that has a Grid as its child view in my Xamarin.Forms App. In Android, the Scrollview overlaps over the Grid content displayed. This issue arised after upgrading Xamarin.Forms from v3.4.0.1029999 to v5.0.0.1709-pre4.

Why I want Xamarin.Forms v5.0.0.1709-pre4?
I upgraded to v5.0.0.1709-pre4 due to a fix that is available for iOS in this version.

Why I'm having Grid as Scrollview's child?
And I have Grid as Scrollview's child because inside this Grid there is a webview whose height is dynamically auto-sized using WebviewRenderer. This height is not auto-sizing if I use StackLayout as Scrollview's child.

Anything you devs can help me here.. Thanks in advance!

JarvanZhang 23,971 Reputation points

2020-12-11T08:56:24.287+00:00

Hi, Paul-9359. Could the scrollView scroll normally after upgrading? I tested a basic demo about the function with Xamarin.Forms 5-pre4, it works well. And how did you define the RowDefinitions of the Grid? Will the code work with a normal webView instead of the customized one?

If it is convenient for you, please post the related code snippet about the ScrollView.

Paul 296

Thank you @JarvanZhang ! I'm able to scroll it. The row height I've given for the child webview is * (available height). I have customized the webview as I need a custom renderer to get the dynamic height of the webview.

XAML:

<ScrollView>  
    <Grid>  
          <Grid.RowDefinitions>  
              ......  
                  <RowDefinition Height="*" />  
              ......  
          </Grid.RowDefinitions>  
           ....  
           <customControl:CustomWebview Grid.Row="4" Source="{Binding HtmlSource}">  
           ....  
    </Grid>  
</ScrollView>

JarvanZhang 23,971 Reputation points

2020-12-14T09:22:14.027+00:00

Sorry, I cannot reproduce the issue on my side. Could you post a repro demo to the github and share the link here? It'll help to get the cause to the issue.

Your answer

JarvanZhang 23,971 Reputation points

2020-12-11T08:56:24.287+00:00

Hi, Paul-9359. Could the scrollView scroll normally after upgrading? I tested a basic demo about the function with Xamarin.Forms 5-pre4, it works well. And how did you define the RowDefinitions of the Grid? Will the code work with a normal webView instead of the customized one?

If it is convenient for you, please post the related code snippet about the ScrollView.
Paul 296 Reputation points

2020-12-11T18:17:34.43+00:00

Thank you @JarvanZhang ! I'm able to scroll it. The row height I've given for the child webview is * (available height). I have customized the webview as I need a custom renderer to get the dynamic height of the webview.

XAML:

<ScrollView> <Grid> <Grid.RowDefinitions> ...... <RowDefinition Height="*" /> ...... </Grid.RowDefinitions> .... <customControl:CustomWebview Grid.Row="4" Source="{Binding HtmlSource}"> .... </Grid> </ScrollView>
JarvanZhang 23,971 Reputation points

2020-12-14T09:22:14.027+00:00

Sorry, I cannot reproduce the issue on my side. Could you post a repro demo to the github and share the link here? It'll help to get the cause to the issue.

Share via

Scrollview overlaps over its child views - Android (Xamarin.Forms v5.0.0.1709-pre4)

Your answer