Custom rendering issue when clicking browser back button

[adampfw]

I understant that morphing is only available on whole page refresh. There are cases when it would be super useful to have morphing capabilities when URL changes, on Turbo navigation.

I tried:

Turbo.PageRenderer.prototype.assignNewBody = function () {
  if (document.body) {
    Idiomorph.morph(document.body, this.newElement)
  }
}

document.addEventListener('turbo:before-render', (e) => {
  e.preventDefault()
  Idiomorph.morph(document.body, e.detail.newBody)
})

and it works with only one bug - when I click browsers back button nothing changes. Looks like issue with cache? Is there any change to introduce morphing on navigation?

I also tried https://turbo.hotwired.dev/handbook/drive#custom-rendering

document.addEventListener('turbo:before-render', (e) => {
  e.detail.render = (currentElement, newElement) => {
    Idiomorph.morph(currentElement, newElement)
  }
})

but there is still issue with back button click.

Im using <meta name="turbo-cache-control" content="no-preview">.