title: Grid with GridSplitter is resized incorrectly when resizing the main window
body: <p>I Have a wpf window which can be resized:</p>
  
  <pre><code>&lt;Window x:Class="WpfTester.BadResize"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          Title="BadResize"
          Height="300"
          Width="600"
          MinWidth="600"&gt;
      &lt;Grid&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="*" MinWidth="250" /&gt;
              &lt;ColumnDefinition Width="Auto" /&gt;
              &lt;ColumnDefinition Width="*" /&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          &lt;TextBlock Grid.Column="0" Text="Left Panel" /&gt;
  
          &lt;GridSplitter Grid.Column="1"
                        ResizeDirection="Columns"
                        Width="3"
                        HorizontalAlignment="Stretch" /&gt;
  
          &lt;TextBox Grid.Column="2"
                   TextWrapping="Wrap"
                   Text="Test text test text test text test text test text test text test text test text test text text test text test text test text" /&gt;
      &lt;/Grid&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>This window has a grid with left and right panels and a GridSplitter between them.
  I run the program:
  <a href="https://i.stack.imgur.com/Gb0Oo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gb0Oo.png" alt="enter image description here"></a></p>
  
  <p>Then I do the following steps:</p>
  
  <ol>
  <li>Resize the right window border to the right to allow the text to fit the textbox without word wrap
  <a href="https://i.stack.imgur.com/22fXv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/22fXv.png" alt="enter image description here"></a></li>
  <li>Move the GridSpliiter to the most left (this step is important)
  <a href="https://i.stack.imgur.com/O6FZ3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O6FZ3.png" alt="enter image description here"></a></li>
  <li>Start resizing the right window border back to the left. It works ok and the textbox is resized perfectly as long as the text fits the textbox
  <a href="https://i.stack.imgur.com/uTaiu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uTaiu.png" alt="enter image description here"></a></li>
  <li>Once the text doesn't fit the textbox and word wrap is required the textbox stops resizing and goes outside the window this way:
  <a href="https://i.stack.imgur.com/SCURH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SCURH.png" alt="enter image description here"></a></li>
  </ol>
  
  <p>Could you please help me to figure out how to arrange layout with grid splitter the way that textbox will not go outside the window?</p>