gmrchk/blobity

BUG: high radius values break the blob

webdev69420 opened this issue · 0 comments

When setting high pixel values (like 100px for example, to try and get a round radius), the blob kind of breaks: it becomes a weird shape when hovering focusable elements.

Here's my config:

const blobity = new Blobity({
          color: "#FF0000",
          zIndex: 1,
          opacity: 1,
          size: 40,
          focusableElements: ".oj-c-Credits-btnContainer, .oj-c-Doom-tooltipContainer, .oj-c-Input, .oj-c-Btn",
          focusableElementsOffsetX: 10,
          focusableElementsOffsetY: 10,
          invert: false,
          dotColor: "#FFF",
          dotSize: 8,
          magnetic: true,
          mode: "normal", // normal, slow, bouncy
          radius: 100,
          font: "Space Grotesk, sans-serif",
          fontWeight: 700,
          fontSize: 40,
          fontColor: "#000",
          tooltipPadding: 12
});

The result: screen capture of the issue