Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Order of layers + clipping changed between v6.0 and v6.6.1 #2602

Open
metalhead8816 opened this issue Dec 17, 2024 · 1 comment
Open

Order of layers + clipping changed between v6.0 and v6.6.1 #2602

metalhead8816 opened this issue Dec 17, 2024 · 1 comment

Comments

@metalhead8816
Copy link

metalhead8816 commented Dec 17, 2024

Describe the bug

See the before and after screenshots. You can see that the switch knob is no longer in the foreground and is inappropriately clipped by some other layer.

What version of Lottie did you test this on?
v6.6.1

What version of Android did you test this on?
Android V (15)

Steps To Reproduce
Steps to reproduce the behavior:

Load the attached JSON file and observe clipping in the switch. Note that the assets are light in color and can only be seen on a dark background.

{"v":"4.10.1","fr":60,"ip":0,"op":107,"w":46,"h":22,"nm":"ani","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":1,"y":1},"o":{"x":0,"y":0},"n":"1_1_0_0","t":13.16,"s":[10.5,10.625,0],"e":[32.5,10.625,0],"to":[3.66666674613953,0,0],"ti":[-3.66666674613953,0,0]},{"i":{"x":1,"y":1},"o":{"x":0,"y":0},"n":"1_1_0_0","t":34.16,"s":[32.5,10.625,0],"e":[32.5,10.625,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":1,"y":1},"o":{"x":0,"y":0},"n":"1_1_0_0","t":55,"s":[32.5,10.625,0],"e":[10.5,10.625,0],"to":[-3.66666674613953,0,0],"ti":[3.66666674613953,0,0]},{"t":76}],"ix":2},"a":{"a":0,"k":[7.062,-1.812,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ef":[{"ty":5,"nm":"Puppet","np":4,"mn":"ADBE FreePin3","ix":1,"en":1,"ef":[{"ty":7,"nm":"On Transparent","mn":"ADBE FreePin3 On Transparent","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[10.947,10.947],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":13,"s":[0.905989587307,0.128265246749,0.293031275272,1],"e":[0.119234621525,0.709344387054,0.486860007048,1]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":34,"s":[0.119234621525,0.709344387054,0.486860007048,1],"e":[0.119234621525,0.709344387054,0.486860007048,1]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":55,"s":[0.119234621525,0.709344387054,0.486860007048,1],"e":[0.905989587307,0.128265246749,0.293031275272,1]},{"t":76}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[7.223,-1.589],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1800,"st":0,"bm":3},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[23,11,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[82,82,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[37.452,12.656],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":20,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.985294117647,0.977460674211,0.977460674211,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic -
 Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0.243,-0.355],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1800,"st":0,"bm":0}]}

Screenshots
switch_anim.json
image

@gpeal
Copy link
Collaborator

gpeal commented Dec 19, 2024

Duplicate of #2593

@gpeal gpeal marked this as a duplicate of #2593 Dec 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants