出于某种原因,drawer
中的paper-drawer-panel
部分需要双击 选择纸质项目,而不是像应用程序的其余部分一样点击。关于如何让它成为一个单一的任何想法?
更新:为了更清楚地表达问题,drawer
有一项功能,第一次点按用灰色条突出显示选项,第二次点击实际点击/点按项目。此行为仅在触摸屏上,在桌面上单击鼠标同时执行这两种操作。
<paper-drawer-panel force-narrow id="the-drawer">
<paper-header-panel drawer>
<template>
<paper-menu attr-for-selected="name" selected="{{setSelected}}">
<paper-item name="home" on-tap="jumpToPage">
<paper-ripple></paper-ripple>
HOME
</paper-item>
<paper-item name="portfolio" on-tap="jumpToPage">
<paper-ripple></paper-ripple>
PORTFOLIO
</paper-item>
<paper-item name="resume" on-tap="jumpToPage">
<paper-ripple></paper-ripple>
RESUME
</paper-item>
<paper-item name="contact" on-tap="jumpToPage">
<paper-ripple></paper-ripple>
CONTACT
</paper-item>
</paper-menu>
</template>
Polymer({
is: "paper-menu-custom",
jumpToPage: function(e, detail) {
pageJump = "/" + e.target.attributes.name.textContent;
page(pageJump);
drawer.closeDrawer();
}
});