[Bug]: Grab mode opacity doesn't work on local but works on online sample

Contact Details

[e-mail]

What happened?

I have an issue with modes: { grab: { links: { opacity: 0.5 } } }. It works on the online sample but do not on my project.

Version

^1.39.0

Which library are you using?

React.js (react-tsparticles, react-particles-js)

tsParticles Configuration

options={{
          bounce: false,
          fullScreen: {
            enable: false,
          },
          fpsLimit: 60,
          interactivity: {
            events: {
              onHover: {
                enable: true,
                mode: 'grab',
                parallax: {
                  enable: true,
                  force: 60,
                  smooth: 10
                },
              },
              resize: true,
            },
          },
          modes: {
            grab: {
              distance: 100,
              links: {
                opacity: 0.7
              }
            }
          },
          particles: {
            color: {
              value: 'rgba(215,183,246,1)',
            },
            links: {
              color: 'rgba(215,183,246,1)',
              distance: 150,
              enable: true,
              width: 5,
            },
            collisions: {
              enable: true,
            },
            move: {
              direction: 'none',
              enable: true,
              outMode: 'bounce',
              random: false,
              speed: 1.5,
              straight: false,
            },
            number: {
              density: {
                enable: true,
                area: 800,
              },
              value: 100,
            },
            opacity: {
              value: 0.7,
            },
            shape: {
              type: 'circle',
            },
            size: {
              random: true,
              value: 8,
            },
          },
          detectRetina: true,
        }}

What browsers are you seeing the problem on?

Chrome

Relevant log output

No response

Code of Conduct

• I agree to follow this project’s Code of Conduct

[mutheus]

Thanks for your time.

[matteobruni]

Thanks for your reply. You’re right about modes section being outside interactivity. Where should I put bounce: false as the opposite seems to cause a bug on the particles speed?

collisions { enable: false } disables particles collisions, the outMode: "bounce" is responsible for edge bouncing