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

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -