Wrong size when overflow is set

[quintus-luis]

In order for the div to have overflow on both sides, I think it would make sense to replace 100% with calc(100% + 2 * ${overflowPx})

https://github.com/kmjennison/react-sparkle/blob/18aafa94d43e1206fddb7352f752ee4710b4d4c4/src/SparkleComponent.js#L283

Here is the current outcome:

With change:

[quintus-luis]

Or am I missing something?

Otherwise, I would simply set a PR for it.

[kmjennison]

@quintus-luis You're right, and I welcome a PR!

This doesn't seem to have any practical effect, though, because the canvas is sized correctly.

From the demo, here's the container:

But the child canvas/sparkles are sized correctly: