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!