@jaffathecake well imagine you had a normal paginated list view; there's a "next page" link to another URL. What if the page just automatically navigates when you get to the bottom? Couldn't you like transition the next page into the bottom of the first page? (^ has not used the ViewTransitions API yet)
I am building a Mastodon client and I am loathe to implement an infinite scroller. I feel like pagination is nice because you'd have a url to link to particular places in the timeline.
@schizanon I'm not sure what it means to "transition the next page into the bottom of the first page", but give it a try! The view transitions API is pretty flexible, so maybe there's something there that I can't imagine
It transitions from the column view to the detail view pretty well, but it doesn't respect my animation-duration (which is set to 10s). Also, there's a flash of... differently styled content.
The transition back to the column view takes an extra long time, partially because I have disabled the cache so it's reloading a lot of content I imagine.
@jaffathecake@davatron5000 I'm sure it's my styles; the column view uses column-count to achieve a "masonry" effect, which causes a lot of weird reflows. I'm using block-size: max-content to set the width of the .h-entrys but I'm not totally clear on how ::view-transition-new/old work, or when they get applied.
Any tips on debugging this; is there some way to slow it down with devtools and step through the style changes?
Add comment