compositeOnly does not respect ignoreTransparency

[719media]

When setting option compositeOnly: true on a div containing an image, the div unexpectedly does a fade out. I understood this setting to only have an effect on performance, and removing border-radius transitions. I'll try to come up with a reproduction.

[719media]

See
https://codesandbox.io/s/v-shared-element-compositeonly-ux69q
(Using v-shared-element v2.1.0)
If you remove compositeOnly setting, then fade will no longer happen, as desired.

[justintaddei]

The fade is something that I expect to happen. What I wasn't expecting is that it "pops" to the new shape.

Is should look like the gif in the docs:

The reason for the fade was to "blend" them better during the transition (basically just a cross fade). If there's a behavior you think would be better, I'm open to changing it.

I'm currently out of town and away from my computer so I can't experiment for a day or two

[719media]

I was under the impression that using ignoreTransparency: true would make the transparency fade not happen.

[justintaddei]

Ah yes. I see your point. ignoreTransparency should definitely override the fade introduced by compositeOnly. That comes from illusory so I'll have to change the behavior there first.

I should be back in town by June 13th (provided everything goes alright on the road) so I'll push an update then and report back.

[justintaddei]

This is now fixed in illusory and will propagate here after the release of illusory@1.5.0

Regarding the "pop"

The fade is something that I expect to happen. What I wasn't expecting is that it "pops" to the new shape.

I've identified the cause (justintaddei/illusory#11) so it will be fixed in v1.5.0 as well.