← Notes
2026
An opacity animation was trapping the fixed elements
A page-transition opacity animation created a stacking context that trapped every fixed element inside it.
Background
Every product feature needed to reach the same three notification channels without duplicating delivery code.
Path
- Symptom
- Modal hidden
- Assumption
- raise z-index
- Measurement
- inspect paint order
- Decision
- remove opacity stacking context
Response
Keep one event consumer for delivery, and portal the modal directly to document.body.
Related system