如何滚动到铁列表的最后一个元素（dart polymer 1.0）？

Question

我希望在每次更新模型后滚动到iron-list的最后一个元素，但调用IronList.scrollToIndex()只显示列表的一部分。更清楚的是，我有聚合物元素：

@PolymerRegister('main-app')
class MainApp extends PolymerElement {
    @property
    List<String> items = [];

    MainApp.created() : super.created();

    @reflectable
    void onAdd([_, __]){
        var fst = items.length;
        var lst = new List.generate(30, (x) => (fst+x).toString());
        addAll("items", lst);
        ($['list'] as IronList).scrollToIndex(items.length-1);
   }
}

HTML：

<dom-module id="main-app">
    <template>
        <style>
            #list {
                height: 100px;
                width: 100px;
            }
        </style>
        <iron-list items="{{items}}" id="list">
            <template>
                <div>{{item}}</div>
            </template>
        </iron-list>
        <paper-button raised on-tap="onAdd">add</paper-button>
    </template>
</dom-module>

当我第一次点击按钮时，它会给我：

这里有什么问题？如何正确更新视图？ （包版本：polymer 1.0.0-rc.6，polymer_elements 1.0.0-rc.3，polymer_interop 1.0.0-rc.5）