当菜单打开与纸张菜单按钮一起使用时，core-tooltip打开

Question

我从

开始

      <core-tooltip label="{{editor.userEditor.username}}"
          position="left">
        <paper-icon-button id="accountbutton" icon="account-circle"
            halign="right">
        </paper-icon-button>
      </core-tooltip>

这是漂亮的教科书，工作正常。

现在我希望图标按钮成为菜单，所以我将其更改为

      <core-tooltip label="{{editor.userEditor.username}}"
          position="left">
        <paper-menu-button id="accountbutton" icon="account-circle"
            halign="right">
          <paper-item label="Logout {{editor.userEditor.username}}">
            <a href="{{editor.userEditor.logoutUrl}}"></a>
          </paper-item>
        </paper-menu-button>
      </core-tooltip>

当菜单打开时，问题是（事后看来有些不足为奇）工具提示是打开的。显然这是不可取的。

我该如何避免？

请参阅jsbin.com/saziziwixu