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

    Problem with tabs and slot="navigation"

    Help
    1
    2
    793
    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.
    • R
      rubentlc last edited by rubentlc

      Hi,

      I’m trying to create tabs dynamically (this is ok) but I’m getting a problem when I try scoll my page.

      My problem are:
      1 -> If in the q-tabs I put the slot=navigation, I can’t scroll my page;
      2 -> If not put slot=navigation, I can scroll and everything works ok when I scroll down. Bt to see tabs again, I need to scroll to top of the page…

      Anyone had the some problem?

      The problem is when I use q-tab and q-tab-pane because with q-route-tab seems work everything ok.

      I’m using quasar v0.14.7

      I follow the quasar documentation and code this small example:

      <template>
        <q-layout ref="layout" reveal>
         
          <q-toolbar slot="header">
            <q-toolbar-title> test </q-toolbar-title>
          </q-toolbar>
      
          <q-tabs slot="navigation">
            <q-tab  name="test" slot="title" label="test" />
            <q-tab-pane name="test">
              <div class="row" v-for="i in 10000">
                  {{i}}
              </div>
            </q-tab-pane>
          </q-tabs>
          
        </q-layout>
      </template>
      1 Reply Last reply Reply Quote 1
      • R
        rubentlc last edited by

        Ok basically the problem is with q-tab-pane. Now I only use q-tab, and with select handler I change the visibility of divs…and the scroll seems to work ok.

        1 Reply Last reply Reply Quote 1
        • First post
          Last post