From @RoyiNamir on April 20, 2018 6:33

I've created a simple new project via tns create bbb --ng

Added a CSS animation class via animate.css library :

app.css

@import '~nativescript-theme-core/css/core.light.css';
@import "~animate.css/animate.min.css";

.breath {
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

And now I've created 7 images with that class. Some with manual images and some are via *ngFor :

This is the code for items.component.html

<ActionBar title="My App" class="action-bar"></ActionBar>
<GridLayout columns="*,*,*,*,*,*,*" rows="*">

    <StackLayout row="0" col="1"  >
        <Image class="breath " [src]="'~/images/hat00001.png'" stretch="aspectFit"></Image>
    </StackLayout>

    <StackLayout row="0" col="2"  >
        <Image class="breath " [src]="'~/images/hat00001.png'" stretch="aspectFit"></Image>
    </StackLayout>

    <Image *ngFor="let o of [1,2,3,4,5];let i = index;"
           [col]="i+3"
           [class]="'breath'"
          verticalAlignment="top"
           [src]="'~/images/hat0000'+(i+2)+'.png'"
           stretch="aspectFit"></Image>
</GridLayout>

There's nothing else. No TS code , no nothing. Just this html and css.

However , while writing down this issue ^ , look at the memory consumption :

Started at :

And now it's (keeps growing) :

Attached project : https://ufile.io/spicc

Video showing the ease growing leak :

Worth to mention: I'm not talking about the jumps. I'm talking about the easy growing memory consumption

Eventually the app is shutdown due to out of memory

Additional info :

Update: after 51 min - it's 0.2 GB :

This bug hurts the ability to use NS with games/continuous animations (said to be supported with css animations). :-(
Any workaround ?
BTW it also happens with Angular animations. ( i've created a test and still there's also a leak with Angular animations).

Copied from original issue: NativeScript/nativescript-angular#1291