[Bug Report][3.5.9] Weird animation glitch of Text field loading progress linear when loading is started or ended

[IeTerin]

Environment

Vuetify Version: 3.5.9
Last working version: 3.3.14
Vue Version: 3.4.21
Browsers: Edge 122.0.0.0
OS: Windows 10

Steps to reproduce

This animtion glitch is more noticible when the text field variant is outlined or solo.

Expected Behavior

It should be smooth animation like it used to be in version 3.3.14 or older.

Actual Behavior

It is glitching when loading is started or ended

Reproduction Link

https://play.vuetifyjs.com/#...

[KaelWD]

#18169

[yuwu9145]

Is this the glitch you meant? The animation itself runs pretty smooth in my end

[yuwu9145]

Due to inner border radius is bit different from outer border radius, it still has a little tiny overlap, but overall optimised a lot.

[IeTerin]

Is this the glitch you meant? The animation itself runs pretty smooth in my end

The glitch I meant is not like that.
Please look in the following screen record GIF.

After doing a few research. it appears to occur only in Chromium based browser. (Tested in latest version of Edge and Chrome)
It is completely smooth on Firefox,
It's hard to say browser's bug because even on edge and chrome, it was perfect before Version 3.3.14.

[IeTerin]

I also added Temporary Solution here. ( Put Progress Linear to loader slot of Text Field )
Vuetify Playground

[yuwu9145]

Thanks, I can constantly replicate in Windows, Mac is ok