Severity: low · Type: performance · Confidence: high
Location:src/app/components/seasonal/themes/Halloween.tsx:167 (compare the correctly-conditioned sibling two lines away at line 187: willChange: reduced ? undefined : 'transform, opacity')
Problem
The three drifting fog-band layers hard-code willChange: 'transform, opacity' unconditionally, even though their animation is set to 'none' under reduced. Every other animated layer in the same file (embers, moon glow) correctly clears willChange when reduced is true. This pins 3 extra layers to the compositor even when the overlay is fully static — which is always the case for the settings-page preview swatch, since SeasonalPreview always passes reduced=true.
How to trigger
View the Halloween settings-page preview swatch in Settings → Appearance → Seasonal Theme, or enable the overlay with prefers-reduced-motion: reduce set at the OS level.
Suggested fix
Change line 167 to willChange: reduced ? undefined : 'transform, opacity'.
Filed from the September 2026 client audit (branch lotus @ 4bea4895).
**Severity:** low · **Type:** performance · **Confidence:** high
**Location:** `src/app/components/seasonal/themes/Halloween.tsx:167` (compare the correctly-conditioned sibling two lines away at line 187: `willChange: reduced ? undefined : 'transform, opacity'`)
### Problem
The three drifting fog-band layers hard-code `willChange: 'transform, opacity'` unconditionally, even though their `animation` is set to `'none'` under `reduced`. Every other animated layer in the same file (embers, moon glow) correctly clears `willChange` when `reduced` is true. This pins 3 extra layers to the compositor even when the overlay is fully static — which is always the case for the settings-page preview swatch, since `SeasonalPreview` always passes `reduced=true`.
### How to trigger
View the Halloween settings-page preview swatch in Settings → Appearance → Seasonal Theme, or enable the overlay with `prefers-reduced-motion: reduce` set at the OS level.
### Suggested fix
Change line 167 to `willChange: reduced ? undefined : 'transform, opacity'`.
---
_Filed from the September 2026 client audit (branch `lotus` @ 4bea4895)._
jared
added this to the Audit 2026-09 · Medium & Low milestone 2026-09-12 01:51:27 -04:00
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Severity: low · Type: performance · Confidence: high
Location:
src/app/components/seasonal/themes/Halloween.tsx:167(compare the correctly-conditioned sibling two lines away at line 187:willChange: reduced ? undefined : 'transform, opacity')Problem
The three drifting fog-band layers hard-code
willChange: 'transform, opacity'unconditionally, even though theiranimationis set to'none'underreduced. Every other animated layer in the same file (embers, moon glow) correctly clearswillChangewhenreducedis true. This pins 3 extra layers to the compositor even when the overlay is fully static — which is always the case for the settings-page preview swatch, sinceSeasonalPreviewalways passesreduced=true.How to trigger
View the Halloween settings-page preview swatch in Settings → Appearance → Seasonal Theme, or enable the overlay with
prefers-reduced-motion: reduceset at the OS level.Suggested fix
Change line 167 to
willChange: reduced ? undefined : 'transform, opacity'.Filed from the September 2026 client audit (branch
lotus@4bea4895).