Problem to solve
This bugs me for ages and I finally figured out how to fix it:
I usually put individual VAppBars into each View because I use very different app bars (different menu items, some use the #extension slot, some don't) in each view and some views even don't have an app bar.
The different height of those app bars causes the content height to glitch on view transitions which looks bad.
I finally figured out the cause and how to fix it: <v-main style="transition: none" />
Proposed solution
I would very much prefer a simple prop to turn the transition off: <v-main disable-transition />
Or maybe a string prop to choose from different transitions (including "none"): <v-main :transition="none" />
The prop would provide better DX over the custom style because the docs would have told me that there is a transition on that component and how to turn it off. Figuring out what causes the glitch took me way longer than fixing it.
Problem to solve
This bugs me for ages and I finally figured out how to fix it:
I usually put individual VAppBars into each View because I use very different app bars (different menu items, some use the #extension slot, some don't) in each view and some views even don't have an app bar.
The different height of those app bars causes the content height to glitch on view transitions which looks bad.
I finally figured out the cause and how to fix it:
<v-main style="transition: none" />Proposed solution
I would very much prefer a simple prop to turn the transition off:
<v-main disable-transition />Or maybe a string prop to choose from different transitions (including "none"):
<v-main :transition="none" />The prop would provide better DX over the custom style because the docs would have told me that there is a transition on that component and how to turn it off. Figuring out what causes the glitch took me way longer than fixing it.