vuetifyjs / vuetify

🐉 Vue Component Framework

Home Page:https://vuetifyjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug Report][3.4.3] Buttons and other active elements are rendered as black on initial load

ulfgebhardt opened this issue · comments

Environment

Vuetify Version: 3.4.3
Vue Version: 3.3.8
Browsers: Chrome 119.0.0.0
OS: Linux x86_64

Steps to reproduce

When the page is loaded initially content is not rendered in the correct place yet. As this is expected due to missing css the black active elements and buttons are unexpected.

It seems to effect those components which are not fully calculated yet (active menus).

To reproduce just load the page provided in the repro - once loaded it utilizes client navigation so you need to shift-reload to reproduce again.

Expected Behavior

No black buttons or other artifacts.

Actual Behavior

There is black buttons and artifacts.

The loading phase:
image

The loaded page:
image

Reproduction Link

https://github.com/IT4Change/boilerplate-frontend/tree/2b162f84825ba78875a882f2716c15c86a22b4e9