滚动到列表中的项目时，选择的Polymer 1.0纸张菜单不工作

我有下面的代码，它在选择列表顶部的项目时起作用；但是，当向下滚动并选择列表底部的元素时，它会重新选择以前选择的项目

<div id="rolesDropDown" class="allRoles">
    <paper-menu id="rolesMenu" selected="{{selectedIndex}}"> 
        <template is="dom-repeat" items="{{roles}}">
            <div class="role">
                <div class="propName"><span>{{item.property.name}}</span></div> 
                <div class="roleTitle" id="lightText"><span>{{item.title}}</span></div> 
            </div>
        </template>
    </paper-menu>
</div>

selectedIndex:{
    type: Number,
    value: 0,
    notify: true,
    observer: "selectRole"
}

selectRole: function() { 
    console.log('inside select role method');
}