Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

iron-resize event is not fired when paper-date-picker is shown/hidden. #161

Open
josheverett opened this issue Nov 16, 2016 · 2 comments
Open

Comments

@josheverett
Copy link

josheverett commented Nov 16, 2016

According to the documentation for iron-resize-behavior, an "iron-resize" event should be fired when the element is shown/hidden. This does not happen for paper-date-picker, at least when used standalone (i.e. without paper-dialog).

Due to this, the calendar will not render properly when shown.

A simple workaround is to manually fire the event on the picker element when you are setting hidden=false from a parent component. E.g.:

this.$.picker.set('hidden', false);
this.$.picker.fire('iron-resize');
@quangld
Copy link

quangld commented Jan 9, 2017

Thank you.
I wasted more than 1 hour trying to figure why the picker was not displayed correctly when I toggle a "display:none" class

@admwx7
Copy link
Collaborator

admwx7 commented Sep 18, 2017

We have a function for this: _resizeHandler that is bound to iron-resize events, which should be working as expected, if this is still an issue and you can throw together a JSFiddle or something showing the issue in action and I can take a deeper look.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants