Search code examples
dartdart-polymerpaper-elements

polymer elements not behaving correct, paper-button always on top, paper-shadow only during animation

Any idea whats going wrong here?

I am trying to use paper-shadow.

you can see on the lowest box I have shadow (thats just css), but for the blue and black bordered box I try to use paper shadow. .. no luck..

during the core-animation switch from one section to another, I see the shadow but as soon as the animation is over, the shadow is gone. enter image description here

enter image description here

additionally it seems that my green border paper-buttons, create and cancel, are always on top of everything. I dont set any z-index as far as I know??

they should be hidden underneath the black bordered card.

code can be found here

blue marked box or black marked box UPDATE: simple example

just run web/toolt/index.html click on create migration then create table

Solution

  • As mentioned at github.com/dart-lang/paper-elements/issues/47

    update to polymer >=0.14.0 <0.15.0

    • core_elements >=0.2.1+1 <0.3.0

    • paper_elements >=0.2.0 <0.3.0

    will fix both issues thx