vuetify-module icon indicating copy to clipboard operation
vuetify-module copied to clipboard

Vuetify styles being added after initial DOM load

Open M-Barari opened this issue 3 years ago • 1 comments

Module version "nuxt": "2.15.4" "@nuxtjs/vuetify": "1.12.1" "sass": "1.32.13"

Describe the bug I have a navbar component added to my default layout that uses v-navigation-drawer and at first moment of page load there is a flicker and every thing (drawer) splashed on screen and after that css is loaded. I have read nuxt-css-issue this and kinda understand that it's because of nuxt and vuetify behaviour . so is there any way to solve this?? It's really ugly when you load the app !!

oh btw I use nuxt universal ssr and for vuetify treeShake is true

M-Barari avatar Jun 28 '21 11:06 M-Barari

@M-Barari The problem is not with css at all. During SSR vuetify windown width and height are 0 so it renders as it's on mobile (on mobile v-navigation-drawer is hidden) Here is more. https://github.com/nuxt-community/vuetify-module/issues/490

farid-temuri-lofty avatar Nov 07 '22 19:11 farid-temuri-lofty