Ej2 3776 scrollerissue

Author: pipeline

package.json

@@ -1,61 +1,61 @@
 {
-  "name": "@syncfusion/ej2-samples",
-  "version": "1.0.16",
-  "description": "Samples for Syncfusion Essential JS 2",
-  "author": "Syncfusion Inc.",
-  "license": "SEE LICENSE IN license",
-  "dependencies": {
-    "@syncfusion/ej2": "^1.0.16",
-    "@syncfusion/ej2-base": "^1.0.16",
-    "@syncfusion/ej2-buttons": "^1.0.14",
-    "@syncfusion/ej2-data": "^1.0.14",
-    "@syncfusion/ej2-lists": "^1.0.14",
-    "@syncfusion/ej2-grids": "^1.0.16",
-    "@syncfusion/ej2-dropdowns": "^1.0.16",
-    "@syncfusion/ej2-calendars": "^1.0.16",
-    "@syncfusion/ej2-inputs": "^1.0.16",
-    "@syncfusion/ej2-popups": "^1.0.16",
-    "@syncfusion/ej2-charts": "^1.0.16",
-    "@syncfusion/ej2-circulargauge": "^1.0.14",
-    "@syncfusion/ej2-lineargauge": "^1.0.14",
-    "@syncfusion/ej2-navigations": "^1.0.14",
-    "cheerio": "^1.0.0-rc.1",
-    "crossroads": "^0.12.2",
-    "hasher": "^1.2.0"
-  },
-  "devDependencies": {
-    "@types/chai": "^3.4.28",
-    "@types/crossroads": "0.0.28",
-    "@types/es6-promise": "0.0.28",
-    "@types/hasher": "0.0.27",
-    "@types/highlight.js": "^9.1.7",
-    "@types/jasmine": "^2.2.29",
-    "@types/jasmine-ajax": "^3.1.27",
-    "@types/requirejs": "^2.1.26",
-    "@types/signals": "0.0.16",
-    "es6-promise": "^3.2.1",
-    "gulp": "^3.9.1",
-    "gulp-sass": "^3.1.0",
-    "gulp-typescript": "^3.1.6",
-    "requirejs": "^2.3.3",
-    "typescript": "2.3.4",
-    "browser-sync": "2.11.2",
-    "jasmine-ajax": "^3.3.1",
-    "jasmine-core": "^2.6.1",
-    "karma": "^1.7.0",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-generic-preprocessor": "^1.1.0",
-    "karma-htmlfile-reporter": "^0.3.5",
-    "karma-jasmine": "^1.1.0",
-    "karma-jasmine-ajax": "^0.1.13",
-    "karma-requirejs": "^1.1.0",
-    "run-sequence": "^1.2.2",
-    "webpack": "2.5.1",
-    "webpack-stream": "^3.2.0"
-  },
-  "scripts": {
-    "build": "gulp build",
-    "serve": "gulp serve",
-    "test": "gulp test"
-  }
+	"name": "@syncfusion/ej2-samples",
+	"version": "0.0.1",
+	"description": "Samples for Syncfusion Essential JS 2",
+	"author": "Syncfusion Inc.",
+	"license": "SEE LICENSE IN license",
+	"dependencies": {
+		"@syncfusion/ej2": "*",
+		"@syncfusion/ej2-base": "*",
+		"@syncfusion/ej2-buttons": "*",
+		"@syncfusion/ej2-data": "*",
+		"@syncfusion/ej2-lists": "*",
+		"@syncfusion/ej2-grids": "*",
+		"@syncfusion/ej2-dropdowns": "*",
+		"@syncfusion/ej2-calendars": "*",
+		"@syncfusion/ej2-inputs": "*",
+		"@syncfusion/ej2-popups": "*",
+		"@syncfusion/ej2-charts": "*",
+		"@syncfusion/ej2-circulargauge": "*",
+		"@syncfusion/ej2-lineargauge": "*",
+		"@syncfusion/ej2-navigations": "*",
+		"cheerio": "^1.0.0-rc.1",
+		"crossroads": "^0.12.2",
+		"hasher": "^1.2.0"
+	},
+	"devDependencies": {
+		"@types/chai": "^3.4.28",
+		"@types/crossroads": "0.0.28",
+		"@types/es6-promise": "0.0.28",
+		"@types/hasher": "0.0.27",
+		"@types/highlight.js": "^9.1.7",
+		"@types/jasmine": "^2.2.29",
+		"@types/jasmine-ajax": "^3.1.27",
+		"@types/requirejs": "^2.1.26",
+		"@types/signals": "0.0.16",
+		"es6-promise": "^3.2.1",
+		"gulp": "^3.9.1",
+		"gulp-sass": "^3.1.0",
+		"gulp-typescript": "^3.1.6",
+		"requirejs": "^2.3.3",
+		"typescript": "2.3.4",
+		"browser-sync": "2.11.2",
+		"jasmine-ajax": "^3.3.1",
+		"jasmine-core": "^2.6.1",
+		"karma": "^1.7.0",
+		"karma-chrome-launcher": "^2.2.0",
+		"karma-generic-preprocessor": "^1.1.0",
+		"karma-htmlfile-reporter": "^0.3.5",
+		"karma-jasmine": "^1.1.0",
+		"karma-jasmine-ajax": "^0.1.13",
+		"karma-requirejs": "^1.1.0",
+		"run-sequence": "^1.2.2",
+		"webpack": "2.5.1",
+		"webpack-stream": "^3.2.0"
+	},
+	"scripts": {
+		"build": "gulp build",
+		"serve": "gulp serve",
+		"test": "gulp test"
+	}
 }

src/common/index.ts

@@ -19,6 +19,7 @@ let execFunction: { [key: string]: Object } = {};
 let selectedTheme: string = location.hash.split('/')[1];
 let availableThemes: string[] = ['material', 'fabric'];
 let isHashChanged: boolean = true;
+let isButtonClick: boolean = false;
 
 interface DestroyMethod extends HTMLElement {
     destroy: Function;
@@ -346,7 +347,10 @@ function addRoutes(samplesList: Controls[]): void {
                     }
                     let curIndex: number = samplesAr.indexOf(location.hash);
                     let samLength: number = samplesAr.length - 1;
-                    scrollElement(sampleID);
+                    if (isButtonClick) {
+                        scrollElement(sampleID);
+                        isButtonClick = false;
+                    }
                     if (curIndex === samLength) {
                         toggleButtonState('next-sample', true);
                     } else {
@@ -463,6 +467,7 @@ function onCloseClick(arg?: MouseEvent): void {
 }
 
 function onNextButtonClick(arg: MouseEvent): void {
+    isButtonClick = true;
     overlay();
     let curSampleUrl: string = location.hash;
     let inx: number = samplesAr.indexOf(curSampleUrl);
@@ -485,6 +490,7 @@ function toggleButtonState(id: string, state: boolean): void {
 }
 
 function onPrevButtonClick(arg: MouseEvent): void {
+    isButtonClick = true;
     overlay();
     let curSampleUrl: string = location.hash;
     let inx: number = samplesAr.indexOf(curSampleUrl);