0

Tab indicator moves little right when page reload for the first time or sometimes it covers all width, not selected as the second image

On First load error

sometimes it covers all width, not selected like this.

On First load sometimes

But it's working fine after clicking on any tab like the image below

working after click any tab

Jahangir Kabir
  • 1,783
  • 13
  • 17
  • 1
    This is CSS issue. Can you please share your code ? (codepen or jsfiddle) – Nazmul Hossain Aug 27 '20 at 09:35
  • It's happening only when page first load, But it works well after clicking any tab. here is the code https://jsfiddle.net/jahanbabu/ogetrf2w/ – Jahangir Kabir Aug 27 '20 at 09:55
  • Sorry for late reply. Are you able to fix it ? In data can you please set ntab:0. like data() {return { ntab:0 };} – Nazmul Hossain Aug 27 '20 at 17:29
  • I have tried that, unfortunately, that didn't work. Not fixed yet. – Jahangir Kabir Aug 28 '20 at 02:03
  • 1
    Ok. If possible please comment/remove all your external css code/files. then try again. It's hard to tell where the problem without seeing the full code. you can create a simple new project and install vuetify and test again. If possible you can share github repo. so i can test locally. – Nazmul Hossain Aug 28 '20 at 09:25
  • 1
    if non of those tricks work then create an issue https://github.com/vuetifyjs/vuetify/issues. maybe someone already face this issue. Thanks – Nazmul Hossain Aug 28 '20 at 09:27

1 Answers1

0

Finally, I solved this issue by changing the v-tabs class from centered to fixed-tabs. Maybe the issue was in centered class because of the parent view also in the center.

Jahangir Kabir
  • 1,783
  • 13
  • 17