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

    Scrollbar Appears When Transition Group

    Help
    2
    2
    365
    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.
    • Y
      yoni last edited by yoni

      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-MMsqEmI

      My layout is:
      0_1535993239904_layout.PNG

      <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.

      1 Reply Last reply Reply Quote 0
      • M
        mecjos last edited by

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • First post
          Last post