V-App adding 2px border

[duytnguyendtn]

Hi all!

I've been investigating a small scrollbar on my Vuetify 3.13.4 app and I'm noticing there's a 2px miscalculation between VApp and the window.innerHeight. I have a completely empty VApp you can see the scrollbar on the right I'm referring to. window.innerHeight is 626px, but if I hover over the VApp div, it shows the calculated height as 628px.

<template>
  <v-app>
    <!-- No scripts, no content, just a bare v-app -->
  </v-app>
</template>

I tracked it down to the border prop within the hidden v-layout. if I remove the border prop, the v-app height calculates properly as 626px and the scroll bar disables:

Why does Vuetify do this? Is this intentional behavior? Is the app miscalculating the app height by not accommodating the additional border, or might there be something within my app that's interfering with the calculation? I feel like I'm not understanding some intended behavior here.

Thanks for the help!

[J-Sek]

VLayout does not render any utility classes

vuetify/packages/vuetify/src/composables/layout.ts

Line 385 in e8621e9

'v-layout',

It has to come from the code you control. Simply remove the border in your sources.

[duytnguyendtn]

Ahh, appears this was a D.U.E.; I was so tunnel visioned on my default.vue layout, I forgot to check my App.vue, which had those classes on it. Thanks!