- From: Yehonatan Daniv via GitHub <noreply@w3.org>
- Date: Tue, 07 Oct 2025 08:15:10 +0000
- To: public-css-archive@w3.org
Yes, thanks @DavMila! Some clarification on the behavior of `auto`: It allows automatically mirroring the paired exit behaviors to the exit event if one exists. Otherwise, if the behavior is a granular one, it resolves to `none`. So we get the following mapping: | Enter behavior | `auto` computed exit behavior | |:---------------|:------------------------| | `play` | `none` | | `play-once` | `none` | | `play-forwards` | `none` | | `play-backwards` | `none` | | `pause` | `none` | | `reset` | `none` | | `replay` | `none` | And where it gets interesting: | Specified enter behavior | `auto` computed enter/exit behaviors | |:---------------|:------------------------| | `play-pause` | `play` `pause` | | `play-alternate` | `play-forwards` `play-backwards` | | `play-reset` | `play` `reset` | * Notice I added again the `play-reset` for completeness, if there's no objection. This allows to be able to consistently set a single trigger (timeline or event) and a single behavior, and they will always work as expected. For a single enter event these behaviors duplicated to alternate for the same event, as in: ```css .target { event-trigger: --play-state click; animation-trigger: --play-state play-pause; } ``` And for a pair of events, or a timeline trigger it's mapped to the enter/exit events, as in: ```css .target { event-trigger: --play-state click / pointerleave; /* or with a timeline trigger */ timeline-trigger: --play-state view(); animation-trigger: --play-state play-pause; } ``` So there's no caveats here (: And of course, you can always specify an explicit `none`, or use it for the enter behavior if you wish to only target the exit. -- GitHub Notification of comment by ydaniv Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12611#issuecomment-3375710484 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 7 October 2025 08:15:11 UTC