Problem with tabs and slot="navigation"
-
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>
-
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.