Implement scroll to settings submenu when it is opened

src/views/layout/components/Sidebar/SidebarItem.vue

@@ -12,7 +12,7 @@
         </el-menu-item>
       </app-link>
     </template>
-    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)">
+    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" :id="item.meta.title">
       <template slot="title">
         <item
           v-if="item.meta"

src/views/layout/components/Sidebar/index.vue

@@ -71,6 +71,15 @@ export default {
           const routes = this.getMergedRoutes()
           this.$store.dispatch('GenerateRoutes', { roles: this.roles, _routesWithSettings: routes })
         }
+        let isRequesting = true
+        const step = () => {
+          document.querySelector('#settings').scrollIntoView({ block: 'start', behavior: 'smooth' })
+          if (isRequesting) requestAnimationFrame(step)
+        }
+        requestAnimationFrame(step)
+        setTimeout(() => {
+          isRequesting = false
+        }, 300) // this equals to the hide-timeout of the el-submenu
       }
     }
   }