Ice Cream Tiger App

All the creatures in the jungle

When they are craving something sweet

They call i-ee-i-ee-i-ee-i-ee-ice cream tiger

See the monkeys and the leopards

And the birds up in the trees

They call i-ee-i-ee-i-ee-i-ee-ice cream tiger

Can you hear that roar? Ice cream tiger

Bringing the treats to where there is no ice cream shop

Everybody loves that ice cream tiger (tiger, tiger)

Can you hear that roar? Ice cream tiger

So many flavors, more than you can count

Say hurray for the ice cream tiger (tiger, tiger)

Ice cream tiger (i-ee-i-ee-i-ee-i-ee-i)

(I-ee-i-ee-i-ee-i-ee-i)

In the heat of the summer

The animals need relief

They're looking for the i-ee-i-ee-i-ee-i-ee-ice cream tiger (tiger, tiger, tiger)

Can you hear that roar? Ice cream tiger

Bringing the treats to where there is no ice cream shop

Everybody loves that ice cream tiger (tiger, tiger)

Can you hear that roar? Ice cream tiger

So many flavors, more than you can count

Say hurray for the ice cream tiger (tiger, tiger)

Can you hear that roar? Ice cream tiger

Tiger, tiger, tiger, oh-oh-oh

Ice cream tiger (tiger, tiger, tiger)

Ice cream tiger (i-ee-i-ee-i-ee-i-ee-i)

(I-ee-i-ee-i-ee-i-ee-i)


All the creatures in the jungle

When they are craving something sweet

They call i-ee-i-ee-i-ee-i-ee-ice cream tiger

See the monkeys and the leopards

And the birds up in the trees

They call i-ee-i-ee-i-ee-i-ee-ice cream tiger

Can you hear that roar? Ice cream tiger

Bringing the treats to where there is no ice cream shop

Everybody loves that ice cream tiger (tiger, tiger)

Can you hear that roar? Ice cream tiger

So many flavors, more than you can count

Say hurray for the ice cream tiger (tiger, tiger)

Ice cream tiger (i-ee-i-ee-i-ee-i-ee-i)

(I-ee-i-ee-i-ee-i-ee-i)

In the heat of the summer

The animals need relief

They're looking for the i-ee-i-ee-i-ee-i-ee-ice cream tiger (tiger, tiger, tiger)

Can you hear that roar? Ice cream tiger

Bringing the treats to where there is no ice cream shop

Everybody loves that ice cream tiger (tiger, tiger)

Can you hear that roar? Ice cream tiger

So many flavors, more than you can count

Say hurray for the ice cream tiger (tiger, tiger)

Can you hear that roar? Ice cream tiger

Tiger, tiger, tiger, oh-oh-oh

Ice cream tiger (tiger, tiger, tiger)

Ice cream tiger (i-ee-i-ee-i-ee-i-ee-i)

(I-ee-i-ee-i-ee-i-ee-i)

About

Environment

  • Operating System: Darwin
  • Node Version: v20.10.0
  • Nuxt Version: 3.13.1
  • CLI Version: 3.13.1
  • Nitro Version: 2.9.7
  • Package Manager: npm@10.2.3
  • Builder: -
  • User Config: app, compatibilityDate, devtools
  • Runtime Modules: -
  • Build Modules: -

also noticed in 3.12.1.

Reproduction

https://github.com/simonhrogers/transition-no-worky

Describe the bug

Layout transitions are not retaining correct scroll position. Page transitions do.

Navigate from the about page to the home page here, the home page is already partially scrolled:

https://layout-transition-no-worky-nuxt3.netlify.app/about

I can provide further demonstration if needed. Written explanation below, as well as written explanation of the behaviour I would expect, which occurs correctly without layout transitions.

I open my website. I scroll down 200px. I click a NuxtLink. The browser navigates to the new page. The new page is already scrolled 200px from the top. I scroll up 52px. I click on Chrome’s back button. It takes me back to the index page, which is scrolled down 148px.

This is not the default behaviour of the website, which operates correctly without layout transitions. But it is happening between layout transitions.

How can I make the default behaviour occur? The desired behaviour is as follows:

I open my website. I scroll down 200px. I click a NuxtLink. The browser navigates to the new page. The new page is at the top – scroll distance: 0px. I scroll down 250px. I click on Chrome’s back button. It takes me back to the index page, which is scrolled down 200px, exactly where I left it.

Thank you!

Additional context

No response

Logs

No response

The Icecream Tiger