title: QML Rectangle: Binding loop detected for property "width" / "height"
body: <p>I'm trying to size a <code>Rectangle</code> to the size of its content:</p>
  <pre><code>ListView {
      anchors.fill: parent
      model: [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]
      delegate: Rectangle {
          color: &quot;gray&quot;
          property int margin: 20
          width: childrenRect.width + 2 * margin
          height: childrenRect.height + 2 * margin
          Text {
              text: modelData
              anchors.centerIn: parent
          }
      }
  }
  </code></pre>
  <p>It seems to work visually, but the QML engine gives a lot of these errors:</p>
  <blockquote>
  <p>qrc:/main.qml:13:19: QML Rectangle: Binding loop detected for property &quot;width&quot;</p>
  <p>qrc:/main.qml:13:19: QML Rectangle: Binding loop detected for property &quot;height&quot;</p>
  </blockquote>
  <p>Where is the binding loop and how to fix it?</p>