首页 > 解决方案 > tabindex 在 firefox 中使用 polymer-3 iron-scroll-threshold 的行为不正确

问题描述

仅当在 iron-scroll-threshold 和 Iron-list 中使用 tabindex 时,它才在 Firefox 中无法正常工作。它在按选项卡时选择完整的容器,然后不移动到列表项。它在 chrome 中运行良好。

我已经尝试将 tabindex="-1" 提供给 iron-scroll-threshold 和 iron-list 但它甚至没有移动到容器中。

<iron-scroll-threshold on-lower-threshold="loadMoreUserListData" lower-threshold="100" id="threshold" scroll-target="usersListing">
    <div id="usersListing" class="listContainerHeight">
        <iron-list id="listing_iron_list" items="{{List}}" restamp=true as="item">
            <template>
                <div class="mainContainer" tabindex$="[[tabIndex]]">{{item.name}}</div>
            </template>
        </iron-list>
    </div>
</iron-scroll-threshold>

预期的行为是,在按下选项卡时,它应该读取列表项,而不仅仅是带有列表列表的整个容器。

标签: firefoxpolymer-3.x

解决方案


推荐阅读