title: Adjust ColumnLayout when a Repeater's delegate height changes
body: <p>I've set up a file called <strong>test1.qml</strong> with the following contents:</p>
  
  <pre><code>import QtQuick 2.6
  import QtQuick.Layouts 1.3
  
  Rectangle {
      width: 800; height: 1000;
  
      ColumnLayout {
          anchors.centerIn: parent
  
          // Header goes here
  
          Repeater {
              model: 3
              delegate: MyRectangle {
                  width: 150
                  height: width
                  color: "#44ff0000"
              }
          }
  
          // Footer goes here
  
      }
  }
  </code></pre>
  
  <p>I've also setup a file called <strong>test2.qml</strong> defined as follows:</p>
  
  <pre><code>import QtQuick 2.6
  import QtQuick.Layouts 1.3
  
  Rectangle {
      width: 800; height: 1000;
  
      ColumnLayout {
          anchors.centerIn: parent
  
          // Header goes here
  
          Repeater {
              model: 3
              delegate: Column {
                  MyRectangle {
                      width: 150
                      height: width
                      color: "#44ff0000"
                  }
              }
          }
  
          // Footer goes here
  
      }
  }
  </code></pre>
  
  <p>Finally, <strong>MyRectangle.qml</strong> has the following contents:</p>
  
  <pre><code>import QtQuick 2.6
  
  Rectangle {
      MouseArea {
          anchors.fill: parent
          onClicked: {
              parent.height += 50
          }
      }
  }
  </code></pre>
  
  <p>My goal is that when instances of <strong>MyRectangle</strong> are clicked, their heights change, and the <strong>ColumnLayout</strong> should enlarge so that the items maintain their spacing.</p>
  
  <p>When I run <strong>test.qml</strong>, the result is not what I expect, in that the instances of <strong>MyRectangle</strong> overlap each other as they are clicked.  However, <strong>test2.qml</strong> gives the desired behavior, and the instances of <strong>MyRectangle</strong> maintain their spacing as the <strong>ColumnLayout</strong> enlarges.</p>
  
  <p>At the request of derM, I think the GIFs below may help to explain this more clearly.</p>
  
  <p>The (undesired) behavior of <strong>test1.qml</strong>:</p>
  
  <p><a href="https://i.stack.imgur.com/g5mlg.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/g5mlg.gif" alt="The (undesired) behavior of **test1.qml**"></a></p>
  
  <p>The (desired) behavior of <strong>test2.qml</strong>:</p>
  
  <p><a href="https://i.stack.imgur.com/tdu3Z.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/tdu3Z.gif" alt="The (desired) behavior of **test2.qml**"></a></p>
  
  <p>Why is it that I have to wrap the objects in a <strong>Column</strong> to achieve the desired result?</p>