2

如果我将 paper_elements 示例中的paper - dropdown包装在core-tooltip中,则提示会按预期显示在悬停时。

  <core-tooltip position="bottom" label="Choose country of residence">
    <paper-dropdown>
      <template repeat="{{countries}}">
        <paper-item label="{{name}}"></paper-item>
      </template>
    </paper-dropdown>
  </core-tooltip>

问题是,选择一个项目后,工具提示仍然显示。此外,在 dartium 和 chrome 上,即使我将鼠标悬停在其他元素上,也会有一条细线勾勒出提示和下拉菜单。

在此处输入图像描述

请解释发生了什么以及向PaperDropdown和/或CoreTooltip注册它不再具有焦点的最佳方式是什么?在我自己的示例中,我尝试在onClick PaperItem中调用 focus() 另一个元素,但这似乎不起作用。

任何可能使工具提示变得不必要的更好方法的建议也将很有用。工具提示的原因是下拉菜单没有与PaperInput类似的浮动标签。因此,一旦做出选择,就没有描述,因此没有工具提示。

4

1 回答 1

0

这似乎与专注力有关。Mybe 这可以改善您的情况。如果这不是您想要的,只需添加评论:

  core-tooltip:focus {
    visibility: hidden !important;
  }

有时,工具提示似乎只是没有认识到当鼠标没有移出时元素不再被鼠标悬停,而是鼠标悬停的元素缩小了。我会将其报告为<core-overlay>元素中的错误。

于 2014-09-17T09:56:10.267 回答