jquery - Neon-animated-pages does not resize -
i'm using polymer 1.0 in website. i'm trying <neon-animated-pages>
element work in conjunction <paper-tabs>
.
the issue have using affects layout structure of web page. works fine, since positioning of pages (<neon-animatable>
) element implicitly absolute, wrapping element <neon-animated-pages>
not expand fit content. content pages varies in height, footer (content after this) overlaps in background.
you can visualize image slider, variable height images followed content.
is there work-around achieving this? or should create own element bound paper-tabs (if so, can provide general idea achieve this)? can remove absolute position, ruins animation flow on page change.
here have:
<template is="dom-bind" id="scope"> <paper-tabs selected="{{tab}}"> <paper-tab>tab1</paper-tab> <paper-tab>tab2</paper-tab> </paper-tabs> <neon-animated-pages class="flex layout vertical" selected="{{tab}}" entry-animation="slide-from-right-animation" exit-animation="slide-left-animation"> <neon-animatable class="flex"> <div class="someclass">page 1</div> </neon-animatable> <neon-animatable class="flex"> <div class="someclass">page 2</div> </neon-animatable> </neon-animated-pages> </template> <div class="some-content">some more content</div>
any advice?
Comments
Post a Comment