not able to render iron-swipeable-pages in paper-dialog

[bhinderbaljeet]

I am trying to render swipeable pages in to paper-dialog

This works fine and I am able to swipe fine.

<iron-swipeable-pages selected="0">
   <div><h1>1</h1></div>
   <div><h1>2</h1></div>
   <div><h1>3</h1></div>
</iron-swipeable-pages>

This does not work as I see the items but I am not able to swipe them

<paper-dialog id="mapDialog" with-backdrop>
    <div class="swipe">
        <iron-swipeable-pages selected="0">
            <div><h1>1</h1></div>
            <div><h1>2</h1></div>
            <div><h1>3</h1></div>
        </iron-swipeable-pages>
    </div>
    <div  class="close-trigger">
        <paper-icon-button dialog-dismiss icon="icons:clear"></paper-icon-button>
    </div>
</paper-dialog>

Is there anything I am doing wrong ?