title: UWP: Issues with SplitView with VisualStateManager
body: <p>I have been struggling with <code>SplitView</code> control while trying to create a sample (and simple!) UW App. First the list of issues and then the code:  </p>
  
  <ol>
  <li>I am using <code>VisualStateManager</code> to control the <code>DisplayState</code> and <code>Pane</code> Visibility. So I do not use the corresponding attributes (<code>DisplayMode</code> and <code>IsPaneOpen</code>) in the XAML.<br>
  <em>Issues Faced:</em><br>
  <strong>a.</strong> <em>Sometimes</em> the designer shows <code>Exception from HRESULT: 0x88000FA8</code><br>
  <strong>b.</strong> The Pane is always in <code>Closed</code> state - in Designer and in Runtime.<br>
  <strong>c.</strong> I was also getting a runtime exception showing <code>Debugger</code> code but after restarting Visual Studio it's stopped.</li>
  <li>If I add the two attributes in the XAML markup (commenting out <code>VisualStateManager</code>) then for the following combination the <code>Hamburger</code> button does not work: <code>IsPaneOpen="False" DisplayMode="Overlay"</code>. The code for the <code>Hamburger</code> button is plain vanilla - <code>MainSplitView.IsPaneOpen = !MainSplitView.IsPaneOpen;</code>  </li>
  </ol>
  
  <p><strong>Markup:</strong>  </p>
  
  <pre><code>    &lt;VisualStateManager.VisualStateGroups&gt;
          &lt;VisualStateGroup&gt;
              &lt;VisualState&gt;
                  &lt;VisualState.StateTriggers&gt;
                      &lt;AdaptiveTrigger MinWindowWidth="721" /&gt;
                  &lt;/VisualState.StateTriggers&gt;
                  &lt;VisualState.Setters&gt;
                      &lt;Setter Target="MainSplitView.DisplayMode" Value="Inline" /&gt;
                      &lt;Setter Target="MainSplitView.IsPaneOpen" Value="True" /&gt;
                  &lt;/VisualState.Setters&gt;
              &lt;/VisualState&gt;
              &lt;VisualState&gt;
                  &lt;VisualState.StateTriggers&gt;
                      &lt;AdaptiveTrigger MinWindowWidth="548" /&gt;
                  &lt;/VisualState.StateTriggers&gt;
                  &lt;VisualState.Setters&gt;
                      &lt;Setter Target="MainSplitView.DisplayMode" Value="CompactOverlay" /&gt;
                      &lt;Setter Target="MainSplitView.IsPaneOpen" Value="True" /&gt;
                  &lt;/VisualState.Setters&gt;
              &lt;/VisualState&gt;
              &lt;VisualState&gt;
                  &lt;VisualState.StateTriggers&gt;
                      &lt;AdaptiveTrigger MinWindowWidth="0" /&gt;
                  &lt;/VisualState.StateTriggers&gt;
                  &lt;VisualState.Setters&gt;
                      &lt;Setter Target="MainSplitView.DisplayMode" Value="Overlay" /&gt;
                      &lt;Setter Target="MainSplitView.IsPaneOpen" Value="False" /&gt;
                  &lt;/VisualState.Setters&gt;
              &lt;/VisualState&gt;
          &lt;/VisualStateGroup&gt;
      &lt;/VisualStateManager.VisualStateGroups&gt;
  
      &lt;RelativePanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"&gt;
          &lt;Button Name="HamBurgerButton" Background="Transparent" Padding="0,-6" Margin="12" Click="HamBurgerButton_Click"&gt;
              &lt;FontIcon FontFamily="{ThemeResource ContentControlThemeFontFamily}" 
                        Glyph="&amp;#x2261;" FontSize="32" Margin="0,-8,0,0"/&gt;
          &lt;/Button&gt;
          &lt;TextBlock RelativePanel.RightOf="HamBurgerButton" 
                     Style="{ThemeResource TitleTextBlockStyle}" Margin="5,0,0,0"
                     Text="Title"/&gt;
          &lt;SplitView x:Name="MainSplitView" PaneBackground="{ThemeResource ApplicationPageBackgroundThemeBrush}"
                     RelativePanel.AlignLeftWithPanel="True" RelativePanel.AlignRightWithPanel="True"
                     RelativePanel.Below="HamBurgerButton" OpenPaneLength="200" CompactPaneLength="50"&gt;
              &lt;SplitView.Pane&gt;
                  &lt;StackPanel Orientation="Horizontal" Background="Gray"&gt;
                      &lt;AppBarButton x:Name="AboutButton" Icon="Important" IsCompact="True" Click="AboutButton_Click"/&gt;
                      &lt;TextBlock Text="About"/&gt;
                  &lt;/StackPanel&gt;
              &lt;/SplitView.Pane&gt;
              &lt;SplitView.Content&gt;
                  &lt;ScrollViewer VerticalScrollBarVisibility="Auto" VerticalScrollMode="Auto"
                                HorizontalScrollBarVisibility="Disabled" HorizontalScrollMode="Disabled"&gt;
                      &lt;Frame x:Name="ContentFrame"/&gt;
                  &lt;/ScrollViewer&gt;
              &lt;/SplitView.Content&gt;
          &lt;/SplitView&gt;
      &lt;/RelativePanel&gt;
  </code></pre>
  
  <p>So can somebody either confirm that these issues can be replicated at their end (i.e. they are bugs) or that I am wrong somewhere or there are workarounds available?</p>