• Mahmoud Aglan's avatar
    Fix rendering bug: remove all GPU layer promotions from list containers · 5d11c9c2
    Mahmoud Aglan authored
    The list disappearance was caused by multiple CSS properties creating
    GPU compositing layers that Chrome fails to paint correctly for tall
    content:
    
    1. backdrop-filter on .top-header (sticky + blur = broken paint bounds)
    2. animation on .page-content (creates layer on entire page)
    3. transition:all on every table row (hundreds of compositing hints)
    4. tableRowIn animation with transform (layer per animated row)
    5. transition + hover on .card (unnecessary for a container)
    
    Removed all these GPU-triggering properties. The visual appearance is
    preserved (opacity 0.97 white background instead of blur, hover effects
    still work via :hover without transition).
    Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
    5d11c9c2
main.css 50.4 KB