Left drawer sometimes jerky on close, when loading list



  • My left drawer <q-drawer> always seems to stay a little stuck when closing again. This is mostly noticeable
    when I’m opening a list that needs some time loading. The drawer will slide away but stay stuck slightly (like 40px width) until the list is fully loaded after which it finally disappears.
    Does anyone recognise this behaviour?



  • Fixed. I think this was caused by the drawer being embedded in a router-view. I removed the drawer (which is a component) and placed it inside the parent component.

    Main.vue

    <template>
      <div>
           <router-view class="layout-view"></router-view>
        <left-side-bar ref="leftSideBar"></left-side-bar>
      </div>
    </template>
    

Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.