Canvas height shrinks as width shrinks (~ *0.5) (Scale ratio?) about react-particles-js HOT 5 CLOSED

@afparsons @EthanC
you need to add style in the Particles

style={{
              position: "fixed",
              top: 0,
              left: 0,
              width: "100%",
              height: "100%"
          }}

from react-particles-js.

@begonaalvarezd You can use

style={{
    position: 'absolute',
    left: 0,
    right: 0,
    bottom: 0,
    top: 0
}}

Try this:

from react-particles-js.

Was a solution ever found for this? Also experiencing.

from react-particles-js.

@bichenkk Is it necessary to have that position fixed? I really cannot manage to solve this issue. I am trying to have particles wrapped in a div with a specific size, relative position, not fixed.

Under this situation, if I, for example, set the container div with 500px height and width...the resulted canvas has 250px height.

How to solve it?

Thanks!

from react-particles-js.

Answers given, closing.

from react-particles-js.