Improve auto animate view transition naming #1

Open
opened 2026-09-05 16:00:58 -07:00 by Rich · 0 comments
Owner

Currently, images and figure captions get their own view transition names. We de-duplicate VT names by a simple index. This means that, while rare, this situation doesn't look right:

<talk-slide>
    <figure>
        <img src="index-images/locref-gauss-on.avif" alt="" />
    </figure>
    <figure>
        <img src="index-images/J77.avif" alt="" />
    </figure>
    <figure>
        <img src="index-images/locref-gauss-on.avif" alt="" />
        <figcaption>Here I am</figcaption>
    </figure>
</talk-slide>

<talk-slide>
    <figure>
        <img src="index-images/locref-gauss-on.avif" alt="" />
        <figcaption>Here I am</figcaption>
    </figure>
    <figure>
        <img src="index-images/locref-gauss-on.avif" alt="" />
    </figure>
</talk-slide>

Note in the recording that the images move so that first and second stay first and second, but the figcaption jumps up to the first figure. I think what should happen in these cases is that the figure should couple its caption and image together (if a caption exists).

Currently, images and figure captions get their own view transition names. We de-duplicate VT names by a simple index. This means that, while rare, this situation doesn't look right: ``` <talk-slide> <figure> <img src="index-images/locref-gauss-on.avif" alt="" /> </figure> <figure> <img src="index-images/J77.avif" alt="" /> </figure> <figure> <img src="index-images/locref-gauss-on.avif" alt="" /> <figcaption>Here I am</figcaption> </figure> </talk-slide> <talk-slide> <figure> <img src="index-images/locref-gauss-on.avif" alt="" /> <figcaption>Here I am</figcaption> </figure> <figure> <img src="index-images/locref-gauss-on.avif" alt="" /> </figure> </talk-slide> ``` Note in the recording that the images move so that first and second stay first and second, but the figcaption jumps up to the first figure. I think what should happen in these cases is that the figure should couple its caption and image together (if a caption exists).
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
Rich/component-talks#1
No description provided.