Scrollbar Appears When Transition Group
-
Hi all,
I have a problem with the scroll bar that appears when transition is active and disappeared when transition is not active.
The scroll bar come from the body element i believe.You can see the problem in the this link (video) :
https://drive.google.com/open?id=1S1L8UbD0QXz9XwvJcKsPSy7M-MMsqEmIMy layout is:
<q-page-container> <transition-group appear v-on:before-appear="beforeAppear" v-on:after-appear="afterApper" enter-active-class="animated fadeIn" leave-active-class="animated fadeOut"> <div key="fixed" class="q-pl-sm q-pr-sm full-width fixed screen-header" :class="[isDrawerActive ? 'drawer-is-active-screen-header' : '']"> <bread-crumbs key="breadCrumbs" class="screen-header-space" /> <screen-header key="screenHeader" v-show="$route.name != 'AttenedHome' && $route.name != 'SettingsHome' && $route.name != 'EmployeesHome' && $route.name != 'EmployeeDetails'" /> </div> <router-view key="routerView" /> </transition-group> </q-page-container>
I was trying to put the min-height: 0 base on this:
https://forum.quasar-framework.org/topic/1939/solved-v0-15-scrollbar-appears-even-if-the-window-does-not-overflow
but with no success.if i remove the transition group tag then no scrolling.
-
This post is deleted!