title: UWP ScrollViewer and StackPanels don't work properly
body: <p>The UWP <code>ScrollViewer</code> element isn't scrolling at all with my <code>StackPanel</code>. I've tried <code>Grid</code>s and the row definitions but that didn't work either. Here is my current XAML.</p>
  
  <p><a href="https://i.stack.imgur.com/Q9PFj.gif" rel="nofollow noreferrer">GIF showing scrolling not working properly</a></p>
  
  <pre><code>&lt;Page
      x:Class="Thunderstorm.Pages.Home"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:Thunderstorm.Pages"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      mc:Ignorable="d"&gt;
  
      &lt;ScrollViewer VerticalScrollBarVisibility="Auto" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"&gt;
          &lt;StackPanel&gt;
              &lt;StackPanel x:Name="Weather"
                          Background="LightBlue"
                          Height="500"
                          MaxHeight="750"
                          VerticalAlignment="Top" 
                          Padding="10,0,0,0"&gt;
                  &lt;TextBlock Text="25℉" Style="{ThemeResource HeaderTextBlockStyle}" FontSize="85" Margin="25,25,0,0" MaxWidth="500" HorizontalAlignment="Left"/&gt;
              &lt;/StackPanel&gt;
              &lt;StackPanel&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
                  &lt;TextBlock Text="Scroll test string to overflow"/&gt;
              &lt;/StackPanel&gt;
          &lt;/StackPanel&gt;
      &lt;/ScrollViewer&gt;
  &lt;/Page&gt;
  </code></pre>
  
  <p>(I apologize if this is a stupid question - I'm new to UWP development, also disregard me explicitly defining font size on the <code>TextBlock</code>)</p>