Skip to content

RE: Bounce on scroll to bottom of the page with VAppBar set with scroll-behavior="hide" #20352

@andrew-lyashenko

Description

@andrew-lyashenko

Hi everyone! I see the problem still exists. By checking node-modules I see that the fix is there, but on the attached video you can see the behaviour of the page.

I may have missed something, any help would be appreciated.

Browser: Chrome 127.0.6533.120
Vuetify Version: 3.6.14
Vue Version: 3.4.34
Nuxt Version: 3.10.3
OS: Sonoma 14.5 (M2)

<v-app>
  <v-app-bar title="Main Toolbar">
    <template #prepend>
      <v-app-bar-nav-icon></v-app-bar-nav-icon>
    </template>
  </v-app-bar>

  <v-navigation-drawer></v-navigation-drawer>

  <v-main>
    <v-app-bar scroll-behavior="hide" title="Page Toolbar">
      <template #extension>
        <v-tabs>
          <v-tab>Test 1</v-tab>
          <v-tab>Test 2</v-tab>
          <v-tab>Test 3</v-tab>
        </v-tabs>
      </template>
    </v-app-bar>

    <v-container fluid>
      <v-row>
        <v-col v-for="i in 50" :key="i" cols="12">{{ i }}</v-col>
      </v-row>
    </v-container>
  </v-main>
</v-app>
Screen.Recording.2024-08-15.at.20.04.51.mov

Originally posted by @andrew-lyashenko in #19090 (comment)

Metadata

Metadata

Assignees

No one assigned

    Labels

    C: VAppBarE: layoutLayout composableT: bugFunctionality that does not work as intended/expected

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions