No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Can't scroll after clicking button on the side nav

    Help
    1
    2
    749
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jvmonjo last edited by

      I don’t know if this is a bug or an intended behavior. If I click a q-side-link the new page opens and I can scroll normally. But if I click to a button instead of a q-side-link I go to the page but I can’t scroll. This happens only if the sidenav is collapsed. Anybody can reproduce this “glitch”?

      <template>
        <div class="sidenav" ref="sidenav">
           <!-- Scroll won't work on login page -->
            <q-btn v-else color="primary" class="login-btn" @click="$router.push('/login')">
              Login
            </q-btn>
            
            <!-- Scroll will work on login page -->
            <q-side-link to="/login" item exact>Login</q-side-link>
      
      (...)
      1 Reply Last reply Reply Quote 0
      • J
        jvmonjo last edited by

        Anyway I solved changing the button with a q-side-link with button tag in case anyone else have the same issue:

        <q-side-link tag="button" to="/login" class="q-btn q-btn-standard text-white relative-position login-btn bg-primary">Login</q-side-link>
        1 Reply Last reply Reply Quote 0
        • First post
          Last post