title: UWP Splitview not responsive whenever there is a horizontal scroll
body: <p>I've a split view (UWP) that inside a scrollviewer with horizontal scrolling enabled. The code shown below has a user control embedded with displays data in a horizontally stacked fashion. I've a header menu which upon clicked should open a split view from right to left. But, whenever there is a horizontal scrolling, the split view opened is not responsive. When i resize the window with splitview opened and horizontal scrolling enabled, I see the app not responsive. What should I do to make the split view response. </p>
  
  <p>By default, I see the splitview responsive whenever there is no horizontal scrolling.</p>
  
  <p>The user control (KanbanControl) shown below is basically a gridview that uses ItemsWrapGrid as it's panel template stacked horizontally</p>
  
  <p>Things tried out:-
  a) Tried to disable the horizontal scrolling when the split view is about to be opened, but it is of no help.</p>
  
  <p>Any thoughts folks?</p>
  
  <pre><code>&lt;ScrollViewer VerticalScrollBarVisibility="Auto" 
                    HorizontalScrollBarVisibility="Auto" Height="Auto" 
                    x:Name="ContentView"&gt;
          &lt;Grid Name="ProjectKanbanGrid"&gt;
              &lt;kanban:KanbanControl x:Name="KanbanCtrl"/&gt;
  &lt;SplitView Name="SplitViewPane" 
                 IsPaneOpen="false"
                 DisplayMode="Overlay"
                 OpenPaneLength="500" HorizontalAlignment="Right"
                 FlowDirection="RightToLeft" PaneBackground="White"
                 BorderBrush="Red" BorderThickness="10"
                 PaneClosing="SplitViewPane_PaneClosing"&gt;               
          &lt;SplitView.Pane&gt;
              &lt;Border BorderThickness="1" CornerRadius="4" BorderBrush="LightGray"&gt;
                  &lt;Grid&gt;
                      &lt;Grid.RowDefinitions&gt;
                          &lt;RowDefinition Height="50"/&gt;
                          &lt;RowDefinition Height="*"/&gt;
                      &lt;/Grid.RowDefinitions&gt;
                      &lt;StackPanel Background="#FAFAFB"  Height="50" BorderBrush="#f0f0f0" 
                                      CornerRadius="4" BorderThickness="1"&gt;
                          &lt;TextBlock Text="Edit a Task List" FontWeight="Bold" 
                                         HorizontalAlignment="Right" Margin="0,10,20,0"/&gt;
                      &lt;/StackPanel&gt;
                      &lt;Grid Grid.Row="1"&gt;
                          &lt;Grid.RowDefinitions&gt;
                              &lt;RowDefinition Height="60"/&gt;
                              &lt;RowDefinition Height="50"/&gt;
                              &lt;RowDefinition Height="30"/&gt;
                              &lt;RowDefinition Height="50"/&gt;
                              &lt;RowDefinition Height="60"/&gt;
                          &lt;/Grid.RowDefinitions&gt;
                          &lt;TextBlock Text="Task List" Foreground="Red" 
                                         HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,20,0"/&gt;
                          &lt;TextBox  Name="TaskListName"  HorizontalAlignment="Right" 
                                       Margin="0,0,20,0" Grid.Row="1" VerticalAlignment="Top" BorderThickness="1" 
                                       BorderBrush="LightGray" Width="250"/&gt;
                          &lt;TextBlock Text="Related Milestone" Grid.Row="2"
                                         HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,20,0"/&gt;
                          &lt;ComboBox Name="MilestoneList" Width="250" IsTextSearchEnabled="True" BorderThickness="1" 
                                        BorderBrush="LightGray" Grid.Row="3" Margin="0,0,20,0"  
                                        HorizontalAlignment="Right" VerticalAlignment="Center" &gt;
                              &lt;ComboBox.ItemTemplate&gt;
                                  &lt;DataTemplate&gt;
                                  &lt;/DataTemplate&gt;
                              &lt;/ComboBox.ItemTemplate&gt;
                          &lt;/ComboBox&gt;
                          &lt;StackPanel Orientation="Horizontal" Grid.Row="4" 
                                          HorizontalAlignment="Right" Margin="0,0,20,0" VerticalAlignment="Center"&gt;
                              &lt;Button Background="White" Margin="20,0,0,0" Content="Cancel" Click="Cancel_Click"/&gt;
                              &lt;Button Background="#1e5598" Foreground="White" Content="Update" Margin="5,0,0,0"/&gt;
                          &lt;/StackPanel&gt;
                      &lt;/Grid&gt;
                  &lt;/Grid&gt;
              &lt;/Border&gt;
          &lt;/SplitView.Pane&gt;
      &lt;/SplitView&gt;
              &lt;RelativePanel Visibility="{x:Bind kanban.IsShowResultGrid,Mode=TwoWay}"
                     HorizontalAlignment="Center"&gt;
                  &lt;ProgressRing x:Name="LoadProgressRing"
                                Width="25"
                                Height="25"
                                RelativePanel.AlignVerticalCenterWithPanel="True"
                                Visibility="{x:Bind kanban.IsShowProgressRing,Mode=TwoWay}"
                                IsActive="True" /&gt;
                  &lt;TextBlock x:Name="LoadingMessage" Margin="10,0,0,0" HorizontalAlignment="Center"
                              Text="Fetching your project layouts"
                              RelativePanel.AlignVerticalCenterWithPanel="True"
                              RelativePanel.RightOf="LoadProgressRing"                   
                              Visibility="{x:Bind kanban.IsShowProgressRing,Mode=TwoWay}"/&gt;
                  &lt;TextBlock x:Name="DisplayMsg" Margin="0,0,0,0" 
                              RelativePanel.AlignHorizontalCenterWithPanel="True"
                              RelativePanel.AlignVerticalCenterWithPanel="True"
                              Text="{x:Bind kanban.DisplayMessage,Mode=TwoWay}"/&gt;
              &lt;/RelativePanel&gt;
          &lt;/Grid&gt;
      &lt;/ScrollViewer&gt;
  </code></pre>