Popping behavior

[kylemcdonald]

Check that this is really a bug

• [X] I confirm

Reproduction link

https://atroposjs.com/

Bug description

When a multi-component Atropos collection with a common eventsEl is moving, some of the elements will "pop" instead of smoothly animating. This manifests differently in different browsers. On Chrome the popping is with the scale of the element. On Safari the popping seems to be with the glare.

https://user-images.githubusercontent.com/157106/155403478-689bf63c-f65c-4967-ab44-2102c40dd683.mov

https://user-images.githubusercontent.com/157106/155403501-544484ec-9116-43c8-9834-6dd77706e8d9.mov

Expected Behavior

No response

Actual Behavior

No response

Atropos version

1.0.2

Platform/Target and Browser Versions

macOS: Chrome, Safari

Validations

• [X] Follow our Code of Conduct
• [X] Read the docs.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• [X] Make sure this is a Atropos issue and not a framework-specific issue

Would you like to open a PR for this bug?

• [ ] I'm willing to open a PR

[triiickstaa]

Is there maybe already a solution or possible quickfix for this ?