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-narrowproperty this does not tell you reliable if theresponsive-withis applied or not. Also the naming of thepaper-responsive-changeevent 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-querywhich is identical to theiron-media-queryinside thepaper-drawer-panel.Expected outcome
My suggestion would be that the
paper-responsive-changegets renamed topaper-narrow-changeand a new property namedresponsivegets implemented, that tells you if the responsive-with is applied or not, independent from theforce-narrow, and thepaper-responsive-changegets tied to this property instead of thenarrowproperty.Actual outcome
Live Demo
Steps to reproduce
Browsers Affected