<q-spinner-tail> rendering bug when using display: none

[SilPho]

What happened?

When the first on a page has its display attribute set to "none", it causes a rendering glitch on all subsequent elements.

Strangely, if the first is visible then it doesn't matter what display state the others have.

What did you expect to happen?

"display: none " should not have an effect on any other elements.

Reproduction URL

https://jsfiddle.net/3mks056g/6/

How to reproduce?

1. Go to the provided JSFiddle page
2. Observe that the first spinner is hidden as expected
3. Observe that the others don't look correct.
4. Try editing the "display: none" definition to see that this bug only happens when its on the first spinner

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Firefox, Chrome, Microsoft Edge

Quasar info output

No response

Relevant log output

No response

Additional context

No response