Ben Frain • 11/17/2023

Selecting and pausing running animations in Lit Web Components

This article provides a solution for managing animations in Lit web components using the Web Animations API (WAAPI). It explains how to select all currently animating elements within a component's shadow DOM and correctly pause only the running animations or play only the paused ones, avoiding common pitfalls and hard-to-debug issues.

0 comments

#animation #web components #shadow dom