Emil_Shanaty/Randify.pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: confetti uses position:fixed to prevent page layout expansion

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
emil
2026-05-09 16:06:37 +03:00
co-authored by Claude Sonnet 4.6
parent 3863eb214e
commit e72312f23f
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/generators/WheelSpinner.astro
+6 -6
View File
@@ -290,10 +290,10 @@ Frank</textarea>
// ── Confetti ───────────────────────────────────────────────────── // ── Confetti ─────────────────────────────────────────────────────
function spawnConfetti() { function spawnConfetti() {
// Use viewport coordinates + position:fixed so confetti never affects page layout
const cr = canvas.getBoundingClientRect(); const cr = canvas.getBoundingClientRect();
const wr = wheelWrap.getBoundingClientRect(); const cx = cr.left + cr.width / 2;
const cx = cr.left - wr.left + cr.width / 2; const cy = cr.top + cr.height / 2;
const cy = cr.top - wr.top + cr.height / 2;
type Particle = { el: HTMLDivElement; x: number; y: number; vx: number; vy: number }; type Particle = { el: HTMLDivElement; x: number; y: number; vx: number; vy: number };
const particles: Particle[] = []; const particles: Particle[] = [];
@@ -302,10 +302,10 @@ Frank</textarea>
const el = document.createElement('div'); const el = document.createElement('div');
const w = 4 + Math.random() * 6; const w = 4 + Math.random() * 6;
const h = 4 + Math.random() * 6; const h = 4 + Math.random() * 6;
el.style.cssText = `position:absolute;width:${w}px;height:${h}px;` + el.style.cssText = `position:fixed;width:${w}px;height:${h}px;` +
`background:${COLORS[i % COLORS.length]};border-radius:1px;` + `background:${COLORS[i % COLORS.length]};border-radius:1px;` +
`pointer-events:none;left:${cx}px;top:${cy}px;will-change:transform,opacity;`; `pointer-events:none;left:${cx}px;top:${cy}px;will-change:transform,opacity;z-index:9999;`;
wheelWrap.appendChild(el); document.body.appendChild(el);
const angle = Math.random() * TAU; const angle = Math.random() * TAU;
const speed = 4 + Math.random() * 7; const speed = 4 + Math.random() * 7;