title: CommandBar hides page content
body: <p>I am using Page.BottomAppBar to place a CommandBar at bottom of the page.
  It hides the bottom content of the main view. How can the app bar "push" the content to show it all?  The content is a ScrollViewer.</p>
  
  <p>UPDATE:</p>
  
  <p>The Commandbar code is:</p>
  
  <pre><code>&lt;Page.BottomAppBar&gt;
      &lt;CommandBar&gt;
       .... 
     &lt;/CommandBar&gt;
   &lt;/Page.BottomAppBar&gt;
  </code></pre>
  
  <p>Then I have a grid, and the ScrollViewer is in one row of the grid. If I remove the app bar, everything works fine. The cursor is always visible, but when the app bar is visible, it overlays the content, like the images show.</p>
  
  <p>The problem is that CommandBar overlays the page content. So, when InputPane appears,  Windows ensures that the input pane doesn't cover the focused element, but Windows puts the CommandBar over the content, hiding the focused control. I know that CommandBar overlays the page content by design, but there is a way to avoid it?</p>
  
  <p><a href="https://i.stack.imgur.com/Sj8Q6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Sj8Q6.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/DSG4w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DSG4w.png" alt="With SIP"></a></p>