title: QML Transition not working inside Repeater
body: <p>I am trying to move an item in my QML off-screen using a transition with <code>AnchorChanges</code>, like so:</p>
  
  <pre class="lang-js prettyprint-override"><code>Item {
     id: view
  
     Repeater {
        id: repeater
        model: 1
  
        Rectangle {
           id: card
           property int index
           color: &quot;red&quot;
           radius: 10
  
           width: parent.width * 0.9
           height: parent.height * 0.7
  
           anchors.horizontalCenter: parent.horizontalCenter
           anchors.top: parent.top
           anchors.topMargin: units.gu(8)
  
           states: [
              State {
                 name: &quot;hidden&quot;
                 AnchorChanges { target: card; anchors.top: view.bottom }
              }
           ]
  
           transitions: Transition {
               AnchorAnimation { duration: 5000 }
           }
  
           Component.onCompleted: card.state = &quot;hidden&quot;
         }
     }
  }
  </code></pre>
  <p>I am using a <code>Repeater</code> because there will be several cards, which I want to move off-screen.</p>
  <p>However, when I use the <code>Repeater</code> as shown above, there will be no animation. Instead, after a delay of 5 seconds, the card will be instantly hidden.</p>
  <p>If I instead remove the repeater, the animation will be shown:</p>
  
  <pre class="lang-js prettyprint-override"><code>Item {
     id: view
  
     Rectangle {
        id: card
        property int index
        color: &quot;red&quot;
        radius: 10
  
        width: parent.width * 0.9
        height: parent.height * 0.7
  
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        anchors.topMargin: units.gu(8)
  
        states: [
           State {
              name: &quot;hidden&quot;
              AnchorChanges { target: card; anchors.top: view.bottom }
           }
        ]
  
        transitions: Transition {
            AnchorAnimation { duration: 5000 }
        }
  
        Component.onCompleted: card.state = &quot;hidden&quot;
      }
  }
  </code></pre>
  <p>Whats the reason for this?</p>