Appending to grid from observable/stream about angular2-masonry HOT 18 OPEN

@jelgblad useImagesLoaded is off.
@AbhayVel It's weird but I managed to get rid of the error by setting
transitionDuration: '0.0000001s'

from angular2-masonry.

Thanks for your input. I will run some test and look into this!

from angular2-masonry.

Hmm. So your problem is that you want to add an item so that it just pops up without it transitioning into place?

from angular2-masonry.

yes, but load it asynchronously...

from angular2-masonry.

Got the same problem :) would be nice if this works in a future version :D The LayoutComplete fires every time I add an item to the array

from angular2-masonry.

Yea I see the problem. But it will take some rethinking... Code ideas or PRs on how to fix stuff like this are always welcome!

from angular2-masonry.

Setting the transitionDuration to 0 and add css animation on the items solves the append issue but it creates an error Cannot read property 'removeChild' of null when removing some items.

options: MasonryOptions = { transitionDuration: '0', };

from angular2-masonry.

@maronaquillo what version are you running?

from angular2-masonry.

@jelgblad [email protected]

from angular2-masonry.

I am having same issue, Still not able to resolve , not able to get it meaning of "add css animation on ". can any one provide detail?

from angular2-masonry.

@maronaquillo and @jelgblad

Can you please provide solution for mentioned problem? I am not able to get it?
"Cannot read property 'removeChild' of null when removing some items."

Setting the transitionDuration to 0 and add css animation on the items solves the append issue but it creates an error Cannot read property 'removeChild' of null when removing some items.

options: MasonryOptions = { transitionDuration: '0', };

from angular2-masonry.

@maronaquillo @AbhayVel is this with useImagesLoaded on or off? Do you still have this issue with [email protected]?

from angular2-masonry.

@jelgblad no, I am getting this issue as I have observable list.
Yes, I am using 0.3.0 version only.

from angular2-masonry.

@jelgblad , Hi Can you please provide me help on this, Still I am facing following issue.
"Cannot read property 'removeChild' of null when removing some items."

from angular2-masonry.

@AbhayVel if you could set up a punk showing your problem, that would be really helpful. You can fork this one: https://plnkr.co/edit/mmi5tk6hvzEazYQUGZUC?p=preview

from angular2-masonry.

@maronaquillo I have the same issue. Setting transitionDuration: '0.0000001s' does get rid of the error, however I get this long flash on the screen (everything gets wiped off and on) whenever my Observable stream is updated...

from angular2-masonry.

@nick-jonas I am getting the same issue too with "Cannot read property 'removeChild' of null when removing some items." I have set transitionDuration to 0.000001s and the issue is gone but like you I get the screen rendering flash. Did you manage to either get transition 0 working or find a way to get rid of the screen flash?

I am on angular2-masonry 0.4.0

from angular2-masonry.

@kedger Did you set it like this? This works on my end.
options: MasonryOptions = { transitionDuration: '0', gutter: 9, };

from angular2-masonry.