interactionsRauno
Decorative Elements Disable Pointer Events
MUST
MUST: Set `pointer-events: none` on purely decorative layers (glows, gradients, overlays) so they never intercept clicks meant for elements underneath.
Decorative elements like glows and gradients should disable pointer-events to not hijack events
.glow { position: absolute; inset: 0; pointer-events: none; }Bad
Good
Why it matters
Decorative overlays like gradient backgrounds, glow effects, and visual embellishments can intercept clicks meant for interactive elements underneath. Always set pointer-events: none on purely decorative elements.
References