The demo at http://www.polymer-project.org/components/core-drawer-panel/demo.html as expected for me on my N5, Chrome for Android.
core-drawer-panel is responsive by default and hides itself at 640px <https://github.com/Polymer/core-drawer-panel/blob/master/core-drawer-panel.html#L76>. If you want to customize the media query it responds to, you'll need to use the `responsiveWidth` published property. Pass it as the attribute: <core-drawer-panel responsiveWidth="400px"> Note: core-draw-panel automatically toggles .narrow for you <https://github.com/Polymer/core-drawer-panel/blob/master/core-drawer-panel.html#L136> when the media query is matched. You should not need to set it yourself. On Sun, Jun 29, 2014 at 2:53 AM, <[email protected]> wrote: > Hello guys ! > I'm come back here with another problem : the narrow attribute is "false" > instead of "true" when i'm on my smartphone. When I've tried with the doc > example, the button appears, so I think the narrow was "true". > At first I thought it could come from the fact I have not write any > responsive code in my polymer element, so I write > <core-media-query query="max-width: {{responsiveWidth}}" queryMatches= > "{{queryMatches}}"></core-media-query> > <core-drawer-panel id="drawerPanel" narrow="{{narrow}}"> > > And I've copied/pasted the method queryMatchesChanged method, the > responsiveWitdth and the narrow attributes. But it still doesn't work : > When i resize the window, it's reponsive, but not on my phone... > > What should I do/read? > > Sorry for the inconvenience, I'm a big newbie in polymer... > > Follow Polymer on Google+: plus.google.com/107187849809354688692 > --- > You received this message because you are subscribed to the Google Groups > "Polymer" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/polymer-dev/b2158410-f08c-41ae-9962-e8ada21b3dfe%40googlegroups.com > <https://groups.google.com/d/msgid/polymer-dev/b2158410-f08c-41ae-9962-e8ada21b3dfe%40googlegroups.com?utm_medium=email&utm_source=footer> > . > > For more options, visit https://groups.google.com/d/optout. > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CACGqRCDPJtv2idrsWn8hYxBqHDcQE2%3D_%2BQwkoiVfi%3DWuj-WzrQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
