Confetti doesn't fit to expanding window - Githubissues

Agezao / confetti-js

Easily Generate random confetti for your above-the-fold content

https://agezao.github.io/confetti-js/

595 stars 106 forks source link

Confetti doesn't fit to expanding window #25

Open Evan-Nishi opened 4 years ago

Evan-Nishi commented 4 years ago

When a window is initially not in full screen on initial load and is then expanded, the confetti is cut off and only loads for the initial size of the window. This works correctly when the window is fullscreen on the initial load and is minimized than re-expanded.

This was tested using react in the chrome browser.

Here is an example:

charliedua commented 3 years ago

Tried to reproduce this issue, here are my findings.

Reproducible: Yes ✔️

Findings:

As explained in the comment, initially when the site is loaded in windowed mode the confetti is shown,
However when the window is resized to a bigger height and/or width, the confetti is only visible on the previously visible region. (see image)

Step to reproduce:

Open any website using confetti-js. (I am using this) in windowed mode.
Resize the window to a bigger height and/or width.
Observe the page for a while, the confetti is only visible on the previously visible region. (see image)