title: Hamburger Menu in XAML disappears after Frame is opened
body: <p>I created this 'Hamburger Menu' in XAML for my UWP application. I'm using a frame to show different pages when a menu item is clicked.</p>
  
  <p>My XAML:</p>
  
  <pre><code>&lt;Grid.Background&gt;
         &lt;LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"&gt;
              &lt;GradientStop Color="#FF298025" Offset="0"/&gt;
              &lt;GradientStop Color="#FF107C10" Offset="1"/&gt;
         &lt;/LinearGradientBrush&gt;
  &lt;/Grid.Background&gt;
  &lt;Grid.RowDefinitions&gt;
         &lt;RowDefinition Height="auto" /&gt;
         &lt;RowDefinition Height="*" /&gt;
  &lt;/Grid.RowDefinitions&gt;
  &lt;RelativePanel&gt;
         &lt;Button x:Name="HamburgerButton" FontFamily="Segoe MDL2 Assets" Content="&amp;#xE700;" FontSize="36" Click="HamburgerButton_Click" /&gt;
  &lt;/RelativePanel&gt;
  &lt;SplitView x:Name="MySplitView"
                   Grid.Row="1" 
                   DisplayMode="CompactOverlay" 
                   OpenPaneLength="200" 
                   CompactPaneLength="56" 
                   HorizontalAlignment="Left"&gt;
          &lt;SplitView.Pane&gt;
                &lt;ListBox SelectionMode="Single" x:Name="IconsListBox" SelectionChanged="IconsListBox_SelectionChanged"&gt;
                   &lt;ListBoxItem x:Name="VoteListBoxItem"&gt;
                        &lt;StackPanel Orientation="Horizontal"&gt;
                            &lt;TextBlock FontFamily="Segoe MDL2 Assets" FontSize="36" Text="&amp;#xE8E1;" /&gt;
                            &lt;TextBlock Text="Vote" FontSize="24" Margin="20,0,0,0" /&gt;
                        &lt;/StackPanel&gt;
                    &lt;/ListBoxItem&gt;
                    &lt;ListBoxItem x:Name="AppDetailsListBoxItem"&gt;
                        &lt;StackPanel Orientation="Horizontal"&gt;
                            &lt;TextBlock FontFamily="Segoe MDL2 Assets" FontSize="36" Text="&amp;#xE115;" /&gt;
                            &lt;TextBlock Text="App Details" FontSize="24" Margin="20,0,0,0" /&gt;
                        &lt;/StackPanel&gt;
                    &lt;/ListBoxItem&gt;
                &lt;/ListBox&gt;
          &lt;/SplitView.Pane&gt;
          &lt;SplitView.Content&gt;
                &lt;Frame x:Name="ViewFrame" /&gt;
          &lt;/SplitView.Content&gt;
  &lt;/SplitView&gt;
  </code></pre>
  
  <p>My C#:</p>
  
  <pre><code>private void IconsListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
  {
       ViewFrame = this.Frame;
       if (VoteListBoxItem.IsSelected) { Frame.Navigate(typeof(VotePage)); }
       else if (AppDetailsListBoxItem.IsSelected) { Frame.Navigate(typeof(AppDetailsPage)); }
  }
  
  private void HamburgerButton_Click(object sender, RoutedEventArgs e)
  {
       MySplitView.IsPaneOpen = !MySplitView.IsPaneOpen;
  }
  </code></pre>
  
  <p>The problem with this code is whenever a menu item is clicked, a page is indeed loaded into the frame, but the whole 'Burger Menu' disappears.</p>