This repository has been archived by the owner on Apr 12, 2024. It is now read-only.
Clipping breaks animation of absolutely positioned items #5030
Comments
|
The clip property is there to gaurantee that the transition animation always closes (since it results in a nasty bug when it doesn't). I am aware of the box-shadow issue and I have a commit that replaces This should be in today or tomorrow via this PR: |
|
Great, thanks! |
jamesdaily
pushed a commit
to jamesdaily/angular.js
that referenced
this issue
Jan 27, 2014
…ng styles The clip property seems to remove the box-shadow property when an absolute positioned animation is ongoing. This fix changes the property to be border-spacing which is also very underused. The border-spacing CSS property is only visible when border-collapse is set to separate. Closes angular#4902 Closes angular#5030
jamesdaily
pushed a commit
to jamesdaily/angular.js
that referenced
this issue
Jan 27, 2014
…ng styles The clip property seems to remove the box-shadow property when an absolute positioned animation is ongoing. This fix changes the property to be border-spacing which is also very underused. The border-spacing CSS property is only visible when border-collapse is set to separate. Closes angular#4902 Closes angular#5030
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
With the introduction of b89584d, animating absolutely positioned elements causes them to be clipped, losing shadows and/or any overflowed elements.
Plunkr: http://plnkr.co/edit/BjRzwlZXraWpBTXR191G?p=preview
While this can be worked around by explicitly specifying 'clip: auto' on the element (as shown in the plunkr) this behaviour is suprising. Is there something that can be done to guard against this behaviour?
/cc @matsko
The text was updated successfully, but these errors were encountered: