title: Xamarin stack-layout sometimes overlap
body: <p>I implemented a menu through stack-layout in Xamarin.</p>
  <p>But sometimes my menu would overlap. Sometimes not.</p>
  <p>It only happened on Android.</p>
  <p>Here is the code.</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
  &lt;ContentPage
      xmlns=&quot;http://xamarin.com/schemas/2014/forms&quot;
      xmlns:x=&quot;http://schemas.microsoft.com/winfx/2009/xaml&quot;
      xmlns:sfPopup=&quot;clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms&quot;
      x:Class=&quot;XXX&quot;&gt;
      &lt;ContentPage.Content&gt;
          &lt;ScrollView Orientation=&quot;Vertical&quot;&gt;
              &lt;StackLayout Orientation=&quot;Vertical&quot; Padding=&quot;0&quot; Spacing=&quot;0&quot;&gt;
              
                  &lt;StackLayout Orientation=&quot;Vertical&quot; Padding=&quot;0&quot; Spacing=&quot;0&quot;&gt;
                      &lt;StackLayout x:Name=&quot;Block_1&quot; Orientation=&quot;Vertical&quot; Padding=&quot;10,0,0,0&quot; Spacing=&quot;0&quot;&gt;
                          &lt;StackLayout Orientation=&quot;Horizontal&quot; Padding=&quot;0,5,0,5&quot; Spacing=&quot;10&quot;&gt;
                              //Some content label/image...
                          &lt;/StackLayout&gt;
  
                          &lt;StackLayout x:Name=&quot;Item_1&quot; Padding=&quot;0,0,0,10&quot; Spacing=&quot;5&quot;&gt;
                              //Some content label/image...
                          &lt;/StackLayout&gt;
  
                          &lt;StackLayout x:Name=&quot;Item_2&quot; Padding=&quot;0,0,0,10&quot; Spacing=&quot;5&quot;&gt;
                              //Some content label/image...
                          &lt;/StackLayout&gt;
                      &lt;/StackLayout&gt;
  
                      &lt;BoxView Color=&quot;#1E5084&quot; WidthRequest=&quot;1000&quot; HeightRequest=&quot;1&quot;/&gt;
  
                      &lt;StackLayout x:Name=&quot;Block_2&quot; Orientation=&quot;Vertical&quot; Padding=&quot;10,0,0,0&quot; Spacing=&quot;0&quot;&gt;
                          &lt;StackLayout Orientation=&quot;Horizontal&quot; Padding=&quot;0,5,0,5&quot; Spacing=&quot;10&quot;&gt;
                              //Some content label/image...
                          &lt;/StackLayout&gt;
  
                          &lt;StackLayout x:Name=&quot;Item_3&quot; Padding=&quot;0,0,0,10&quot; Spacing=&quot;5&quot;&gt;
                              //Some content label/image...
                          &lt;/StackLayout&gt;
  
                          &lt;StackLayout x:Name=&quot;Item_4&quot; Padding=&quot;0,0,0,10&quot; Spacing=&quot;5&quot;&gt;
                              //Some content label/image...
                          &lt;/StackLayout&gt;
                      &lt;/StackLayout&gt;
  
                  &lt;/StackLayout&gt;
              &lt;/StackLayout&gt;
          &lt;/ScrollView&gt;
      &lt;/ContentPage.Content&gt;
  &lt;/ContentPage&gt;
  </code></pre>
  <p>When the Item_1 and Item_2 in Block_1 is set to visible=false,</p>
  <p>The content of Block_2 should be on top of the screen.</p>
  <p>But when I set Item_1 and Item_2 to visibie=true</p>
  <p>The Blcok_2 should just being pushed to lower part.</p>
  <p>But sometimes the content of Item_1 and Item_2 just overlapped on Block_2.</p>
  <p>Sometimes it works as expected(Being pushed lower)</p>
  <p>What would be the problem?</p>