Occasionally "squished" particles

So this isn’t really a bug, more of an “any ideas of how to resolve?” type of thing…

Very infrequently onload my particles are “squished”. I was wondering if anyone had any sort of tips to prevent this from ever happening? My assumption is it is because the image, on the left in the screen shots below, loads too slow occasionally. So when it loads in the height of the container changes all of a sudden and they get stretched.

Occasionally looks like this:

Should look like this:

How I am loading it:

const particles = document.querySelectorAll('.add-particles');

particles.forEach((el, i) => {
  let particleDiv = document.createElement('div');
  const id = `particles-${i}`;

  particleDiv.classList.add('particles');
  particleDiv.setAttribute('id', id);
  el.insertBefore(particleDiv, el.firstChild);

  /* ---- tsParticles.js config ---- */
  tsParticles.load(id, {
    // my configuration
  });
})

[robhuska]

Thanks! Also, thanks for quick responses to issues, and branching and maintaining this plugin!

Oh, that’s nice! I know when I was using the old one i had issues removing all those things.

[matteobruni]

Ok, I’ll have a look on that, thanks.

EDIT: By default every enable is false, if you want you can remove all the section with enable: false