Fix scrolling after navigation (#111)

Author: dxvladislavvolkov

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-schematics",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "DevExtreme schematics",
   "scripts": {
     "build": "tsc -p tsconfig.json",

package.json

@@ -1,8 +1,8 @@
-import { Component, OnInit, NgModule, Input } from '@angular/core';
+import { Component, OnInit, NgModule, Input, ViewChild } from '@angular/core';
 import { SideNavigationMenuModule, HeaderModule } from '../../shared/components';
 import { ScreenService } from '../../shared/services';
 import { DxDrawerModule } from 'devextreme-angular/ui/drawer';
-import { DxScrollViewModule } from 'devextreme-angular/ui/scroll-view';
+import { DxScrollViewModule, DxScrollViewComponent } from 'devextreme-angular/ui/scroll-view';
 import { DxToolbarModule } from 'devextreme-angular/ui/toolbar';
 import { CommonModule } from '@angular/common';
 
@@ -15,6 +15,7 @@ import { Router, NavigationEnd } from '@angular/router';
   styleUrls: ['./side-nav-inner-toolbar.component.scss']
 })
 export class SideNavInnerToolbarComponent implements OnInit {
+  @ViewChild(DxScrollViewComponent, { static: true }) scrollView: DxScrollViewComponent;
   menuItems = navigation;
   selectedRoute = '';
 
@@ -77,6 +78,7 @@ export class SideNavInnerToolbarComponent implements OnInit {
         pointerEvent.preventDefault();
       } else {
         this.router.navigate([path]);
+        this.scrollView.instance.scrollTo(0);
       }
 
       if (this.hideMenuAfterNavigation) {

src/add-layout/files/src/app/layouts/side-nav-inner-toolbar/side-nav-inner-toolbar.component.ts

@@ -1,8 +1,8 @@
-import { Component, OnInit, NgModule, Input } from '@angular/core';
+import { Component, OnInit, NgModule, Input, ViewChild } from '@angular/core';
 import { SideNavigationMenuModule, HeaderModule } from '../../shared/components';
 import { ScreenService } from '../../shared/services';
 import { DxDrawerModule } from 'devextreme-angular/ui/drawer';
-import { DxScrollViewModule } from 'devextreme-angular/ui/scroll-view';
+import { DxScrollViewModule, DxScrollViewComponent } from 'devextreme-angular/ui/scroll-view';
 import { CommonModule } from '@angular/common';
 
 import { navigation } from '../../app-navigation';
@@ -14,6 +14,7 @@ import { Router, NavigationEnd } from '@angular/router';
   styleUrls: ['./side-nav-outer-toolbar.component.scss']
 })
 export class SideNavOuterToolbarComponent implements OnInit {
+  @ViewChild(DxScrollViewComponent, { static: true }) scrollView: DxScrollViewComponent;
   menuItems = navigation;
   selectedRoute = '';
 
@@ -71,6 +72,7 @@ export class SideNavOuterToolbarComponent implements OnInit {
         pointerEvent.preventDefault();
       } else {
         this.router.navigate([path]);
+        this.scrollView.instance.scrollTo(0);
       }
 
       if (this.hideMenuAfterNavigation) {