paper-drawer-panel默认为窄

Bri*_*ian 1 javascript css polymer paper-elements

在Firefox 39.0和Chrome 43.0上使用Polymer 1.0

聚合物入门套件


我基本上有:

<body unresolved class="fullbleed layout vertical"> <template is="dom-bind" id="app"> <paper-drawer-panel id="paperDrawerPanel" narrow="true"> <div drawer> Drawer </div> <div main> Main </div> </paper-drawer-panel> </template> </body>

这是来自Polymer Starter Kit.

从中删除forceNarrow属性paper-drawer-panel,甚至尝试添加属性narrow="false",但是当我在笔记本电脑上浏览器中查看网站(15"屏幕)时,面板始终处于窄模式.当我narrow在控制台中查看属性时,它被设置为true.

据我所知,当窗口大于时,抽屉和主要内容并排出现responsiveWidth.那么为什么我没有看到这种行为?

syn*_*ynk 6

只需添加force-narrowNOT forceNarrow即可paper-drawer-panel删除javascript.camelCaseLike中的聚合物javascript属性forceNarrow 将与camel-caseHTML 匹配.

使用narrow=true将无法工作,因为这是抽屉的状态,将永远有效地隐藏元素.