Re: [csswg-drafts] [css-view-transitions-2] view-transition-name determined by element (#8320)

Suggesting that a solution to this should take https://github.com/w3c/csswg-drafts/issues/8319#issuecomment-1756046626 into account, and build upon #9141 as a way to dynamically generate unique idents.

For example, given a playlist of songs, all of the songs can have a `song` view-transition-name, but also each one of them needs a unique one (if for example this is a sort animation). So the song would need something like a `song-123` name.

The idea in #9141 is to concat it from attributes, e.g. `view-transition-name: ident("song-" attr(id))`.
The big advantage over using something like `element-uuid()` is that this can work across documents - you generate the ID from existing HTML data rather than from some internal browser state that can't carry over between documents.

This is also flexible in a way that DOM order can be used instead of attributes, e.g. with the `counter()` function:
`view-transition-name: ident("item-" counter(list-foo))` or any result of a calc: `ident("item-" mod(var(--something), 3)`.





-- 
GitHub Notification of comment by noamr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8320#issuecomment-1756077275 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 10 October 2023 19:14:01 UTC