javascript - polymer 核心列表在 Chrome 中不起作用

Question

我们在使用 core-list 组件的应用程序中有一个 Polymer 页面。该组件与 Firefox 和 Safari 完美配合。然而，对于 Chrome 来说，它的行为很奇怪。有高分子专家可以帮忙解决这个问题吗？以下是该问题的详细信息:

代码:

    <core-list id="dashboardList" data="{{dashboard_list}}" on-core-activate="{{editDashboardTapped}}" height="100" selectionEnabled layout horizontal flex>
    <template>
        <div class="row {{ {selected: selected} | tokenList}}" layout horizontal center>
            <div><paper-checkbox checked="{{model.checked}}"></paper-checkbox></div>
            <div flex two>{{model.title}}</div>
            <div flex two>{{model.description}}</div>
        </div>
    </template>
</core-list>

问题: 在 Firefox/Safari 中，行单击工作正常，并且“on-core-activate”函数 (editDashboardTapped) 被正确调用。但在 Chrome 中，该函数不会被调用。

我使用的是最新版本的 Chrome (43.0.2357.81)

欣赏任何指向正确方向的指针。

Answer 1

我也遇到了同样的问题。我的核心列表在 Firefox 中有效，但在 Chrome 中无效。我注意到 Chrome 给我一个错误，提示没有设置高度，即使我将高度设置为 100%。

将 height:100% 更改为 height:500px 修复了该问题。这不是一个理想的解决方案，但希望它能帮助您走向正确的方向。