Add a way to prevent scroll in the samples browser (#573)

Co-authored-by: HUSSAR-mtrela (Martin Trela) <HUSSAR-mtrela@users.noreply.github.com>

browser/src/router.ts

@@ -58,13 +58,17 @@ export class Router {
     private displaySample(sample: any) {
         let tagName = sample.htmlTagName;
         this._targetEle.innerHTML = `<${tagName} class="sample-content"></${tagName}>`;
+        this._targetEle.addEventListener('wheel', this.preventDocumentScroll, { passive: false });
     }
 
     private public_url = "";
 
     public async navigateToRoute(route: string) {
         let navBarIsHidden: boolean = true;
 
+        // clear event listener before routing to a new sample
+        this._targetEle.removeEventListener('wheel', this.preventDocumentScroll);
+
         if (route.indexOf("/webcomponents-demos") === 0) {
             this.public_url = "/webcomponents-demos";
             route = route.substring("/webcomponents-demos".length);
@@ -162,4 +166,10 @@ export class Router {
         // }
     }
 
+    private preventDocumentScroll(event:any) {
+        if (event.target.outerHTML.toLowerCase().includes('igx')) {
+            event.preventDefault();
+        }
+    }
+
 }