html - メイン要素の上に div (まだリスト内にある) があるのに、鉄のリスト項目がリセットされないのはなぜですか?

Question

その入力データをアイアンリストに変更するイベントが発生したときに再配置したいオブジェクトの束を含むアイアンリストがあります。各オブジェクトがリストの先頭を参照する必要がありますが、その解決策はまだ見つかりません。それらを絶対オブジェクトのように動作させる唯一の方法は、以下に示すように、メイン項目の前に div を配置することです。しかし、データを変更すると、アイテムの数は同じままで、一部 (配列内の新しい要素と同じ数) だけが再配置されます。以前のデータからさらに項目が残っている場合、データから読み取る高さをバインドしているにもかかわらず、それらはそのままの場所に残ります。

      <iron-list id="myID" items="[[myInput]]" as="myItem" selection-enabled multi-selection>
        <template>              

         <!-- I have to have this to get the main items to position referenced to the top of the iron-list -->
        <div id="referenceDiv" style="left:0px; float:left; width: 100%; min-height:1px; background-color:blue; top: 0px; display: none;"></div>

        <div id="mainItemID" style$="background-color:#FFF; height:[[myItem.height]]px; top:[[myItem.top]]px; border-radius: 3px; border-color:#333; border-width:1px; border-style: solid;;"></div>


       <div id="bottomGuidID" style="left:0px; float:left; width: 100%; min-height:1px; background-color:lightblue; top: 1920px;"></div>

        </template>
      </iron-list>