When I add a ScrollViewer to the Grid, the height of the rows is broken as seen in the images. How can I fix it?
With ScrollViewer (bad):
Without ScrollViewer (good):
When I add height to the grid, it is fixed, but I do not want this. I want the grid to automatically grow and shrink when the window is resized.
<ScrollViewer Grid.Column="1"><Grid Grid.Row="0" Grid.Column="1" ><Grid.RowDefinitions><RowDefinition Height="1.5*"></RowDefinition><RowDefinition Height="*"></RowDefinition></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="*"></ColumnDefinition></Grid.ColumnDefinitions><Grid x:Name="MainMovieTvShow" Background="#000000" Grid.Row="0" Grid.Column="0"><Grid.ColumnDefinitions><ColumnDefinition Width="0.1*"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition></Grid.ColumnDefinitions><Grid.RowDefinitions><RowDefinition Height="2*"></RowDefinition><RowDefinition Height="*"></RowDefinition><RowDefinition Height="0.3*"></RowDefinition><RowDefinition Height="0.1*"></RowDefinition><RowDefinition Height="*"></RowDefinition><RowDefinition Height="0.1*"></RowDefinition><RowDefinition Height="0.5*"></RowDefinition><RowDefinition Height="*"></RowDefinition></Grid.RowDefinitions></Grid><Grid Grid.Row="1" Grid.Column="0"><Grid.RowDefinitions><RowDefinition Height="0.1*"></RowDefinition><RowDefinition Height="0.2*"></RowDefinition><RowDefinition Height="0.1*"></RowDefinition><RowDefinition Height="2*"></RowDefinition><RowDefinition Height="0.1*"></RowDefinition></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="0.1*"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition></Grid.ColumnDefinitions></Grid></Grid></ScrollViewer>
