New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Hydration style mismatch on <VMain /> #232

Open

Endermanch opened this issue Jun 6, 2024 · 0 comments

Endermanch commented Jun 6, 2024

This should be fixed ASAP

The most basic functionality of providing the layout for the application is broken.

Reproduction:

<VApp full-height theme="light">
  <VLocaleProvider locale="ru">
    <VLayout>
      <NuxtLoadingIndicator />
      <NuxtLayout>
        <Header /> <!-- vappbar + vnavigationdrawer -->
        <VMain>
          <NuxtPage />
        </VMain>
        <LazyFooter app /> <!-- vfooter -->
      </NuxtLayout>
    </VLayout>
  </VLocaleProvider>
</VApp>

Temporary resolution:
Just hardcode the styles. This will break if any of the layout elements have dynamic width/height.

<VMain
  style="
    --v-layout-left: 0px;
    --v-layout-right: 0px;
    --v-layout-top: 110px;
    --v-layout-bottom: 300px;
  "
>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment