animate-css-grid icon indicating copy to clipboard operation
animate-css-grid copied to clipboard

clarification on nesting containers.

Open andreElrico opened this issue 4 years ago • 0 comments

Could you elaborate slightly on the librarys behavior on nested grids.

https://stackblitz.com/edit/css-grid-animation-fmgt5r?file=src/app/app.component.ts

lets say we have

gridcontainer1
    child1
    child2
    nestChild3
        gridcontainer2
            baby1
            baby2

Is the follwing true?

when I use wrapGrid(gridcontainer1);

auto-transitions (class toggle) and calling forceGridAnimation() will ONLY apply to child1, child2, nestChild3.

Stuff happening inside of nestChild3, (eg. gridcontainer2, baby1, baby2) will not be picked up by wrapGrid(gridcontainer1);

In order to get animations for gridcontainer2 I will have to instatiate wrapGrid(gridcontainer2); to deal with that?

andreElrico avatar Apr 14 '20 14:04 andreElrico