polymer - Paper-dialog with iron-pages and inside each page paper-dialog-scrollable -
using polymer 1 i'm trying figure out way dinamically switch pages inside paper-dialog , inside each page have paper-dialog-scrollable element.
here's short version of i'm trying do:
<paper-dialog with-backdrop> <iron-pages selected="0"> <div> <paper-dialog-scrollable> long content 1 goes in here... </paper-dialog-scrollable> </div> <div> <paper-dialog-scrollable> long content 2 goes in here... </paper-dialog-scrollable> </div> </iron-pages> </paper-dialog>
the issue paper-dialog-scrollable, when window resized, goes on paper-dialog edges , no scrollbars shown.
i've looked code paper-dialog-scrollable , has "dialogelement" property default "this.parentnode". i've tried change code each page change cannot work. here's "code":
this.queryselector('iron-pages').selecteditem.queryselector('paper-dialog-scrollable').dialogelement = this.queryselector('paper-dialog');
the last attempt made trigger refit , notifyresize on dialog under above snippet of code, using following:
this.queryselector('paper-dialog').notifyresize(); this.queryselector('paper-dialog').refit();
maybe has ran issue , found solution this!? hints or ideas appreciated!
Comments
Post a Comment