I still haven't figured this out, if you try to use neon-animated-pages in
one component and have another div outside of that component that you want
underneath it, the absolute positioning on the neon-animated-pages messes
this up, any idea how I can fix it? Seems like position: absolute is needed
for the animations to show properly.
On Wednesday, August 19, 2015 at 8:11:15 PM UTC-4, CragVFX wrote:
>
> Hi,
>
> <div>
> <custom-elem-with-neon-pages></custom-elem-with-neon-pages>
> <div class="horizontal around-justified layout">
> <div>section left</div>
> <div>section right</div>
> </div>
> </div>
>
> Because of the following style within neon-animated-pages, I can't get the
> three containers to render correctly:
>
> :host > ::content > * {
> position: absolute;
> top: 0;
> left: 0;
> bottom: 0;
> right: 0;
> height: 100%;
> }
>
> I want the custom element on top then the two other regions below it and
> beside each other, but this renders them all at the top because of the
> absolute on neon-animated-pages. any ideas?
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/05f350a7-ffe3-4e09-b60d-9939f9fb17be%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
