I am struggling with this as well and waiting for community effort on the
issue. See https://github.com/PolymerElements/neon-animation/issues/101 and
also https://github.com/PolymerElements/iron-pages/issues/31
Have you found a solution to this?
Thanks
On Monday, August 24, 2015 at 1:50:15 PM UTC-3, CragVFX wrote:
>
> 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/8fb1dac6-da68-486f-89f0-7f3b281eaf2f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
