title: how to size rectangles(sized by its inner text) in a column to the largest text block?
body: <p>i've got names of different sizes in a Column and want to size the rectangles and the outer item userNameContent based on the the biggest name in the list (without using javascript if possible)</p>
  <p>all text rectangles should have the size of the resulting userNameContent.width so that the white gaps are gone, any idea?</p>
  <p><a href="https://i.stack.imgur.com/b2go1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b2go1.png" alt="enter image description here" /></a></p>
  <pre><code>import QtQuick 2.15
  
  Item
  {
      ListModel {
          id: userNames
          ListElement { name: &quot;Short Username&quot; }
          ListElement { name: &quot;Superlong Username that is just too long&quot; }
          ListElement { name: &quot;Medium size Username&quot; }
      }
  
      id: userNameContent
  
      width: column.width
      height: column.height
  
      Column {
          id: column
          spacing: 2
          Repeater {
              model: userNames
  
              Rectangle{
                  color: &quot;lightblue&quot;
  
                  width: theName.contentWidth+20
                  //width: userNameContent.width // does not work
  
                  height: 38
  
                  Text{
                      id: theName
                      anchors.verticalCenter: parent.verticalCenter
                      anchors.left: parent.left
                      anchors.leftMargin: 10
                      anchors.rightMargin: 10
                      text: model.name
                  }
              }
          }
      }
  }
  </code></pre>