Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The title in head is blink when change locale

See original GitHub issue

Version

v5.3.0

Reproduction link

https://github.com

Steps to reproduce

I set my head() in index.vue. The problem is when I change locale or navigate to another route I see title blink.

If I remove nuxt-i18n or set seo: false everything ok.

head () {
  title: `!!MY TITLE`
}

What is expected ?

No blink

What is actually happening?

Blink

<div align="right">_{This bug report is available on Nuxt community (#c165)}</div>

Issue Analytics

State:
Created 5 years ago
Reactions:2
Comments:14

Top GitHub Comments

1reaction

shakhzodkudratovcommented, Oct 23, 2020

@rchl thanks for this reply! I solved this issue by removing title property in head inside nuxt.config.js

1reaction

thariddlercommented, Nov 2, 2018

Forgot to mention, to reproduce this issue you need long page transitions

.page-enter-active {
  opacity: 1;
  transition: opacity 1000ms linear;
}

.page-leave-active {
  opacity: 1;
  transition: opacity 1000ms linear;
}

.page-enter {
  opacity: 0;
}

.page-leave-active {
  opacity: 0;
}

If you have no transition then it’s happening instantly and you will not notice the issue.

@adi-zz not sure! It could be because head() manipulation is triggered in wrong time n=by this module and it’s conflicting with custom head() in pages.