In the current element you can only tell if the panel is narrow or not, depending on the force-narrow property this does not tell you reliable if the responsive-with is applied or not.
Also the naming of the paper-responsive-change event let you assume that it is always fired at responsive change, but it is also influenced by force-narrow, so it is more a paper-narrow-change.
If you want to listen to every responsive change at the moment, you have to bring your own iron-media-query which is identical to the iron-media-query inside the paper-drawer-panel.
Expected outcome
My suggestion would be that the paper-responsive-change gets renamed to paper-narrow-change and a new property named responsive gets implemented, that tells you if the responsive-with is applied or not, independent from the force-narrow, and the paper-responsive-change gets tied to this property instead of the narrow property.
Description
In the current element you can only tell if the panel is narrow or not, depending on the
force-narrow
property this does not tell you reliable if theresponsive-with
is applied or not. Also the naming of thepaper-responsive-change
event let you assume that it is always fired at responsive change, but it is also influenced byforce-narrow
, so it is more apaper-narrow-change
.If you want to listen to every responsive change at the moment, you have to bring your own
iron-media-query
which is identical to theiron-media-query
inside thepaper-drawer-panel
.Expected outcome
My suggestion would be that the
paper-responsive-change
gets renamed topaper-narrow-change
and a new property namedresponsive
gets implemented, that tells you if the responsive-with is applied or not, independent from theforce-narrow
, and thepaper-responsive-change
gets tied to this property instead of thenarrow
property.Actual outcome
Live Demo
Steps to reproduce
Browsers Affected