fix(demo): Fixed routings issue for links with inner html tags (#3816)

Closes #3813
valor-software · Mar 1, 2018 · 5869afb · 5869afb
1 parent e748105
commit 5869afb
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/demo/src/app/docs/demo-section-components/demo-examples-section/examples.component.ts b/demo/src/app/docs/demo-section-components/demo-examples-section/examples.component.ts
@@ -16,9 +16,25 @@ export class ExamplesComponent {
   }
 
   @HostListener('document:click', ['$event'])
-  preventEmptyHrefNav(event: Event) {
-    if (event && event.target && (event.target as Element).getAttribute('href') === '#') {
+  preventEmptyHrefNav(event: MouseEvent & {target: Element}): void {
+    let element: Element = event.target;
+    let preventNav = element.getAttribute('href') === '#';
+
+    if (preventNav) {
       event.preventDefault();
+      return;
+    }
+
+    if (element.tagName !== 'A') {
+      while (element !== document.body)  {
+        if (preventNav) {
+          event.preventDefault();
+          return;
+        }
+        element = element.parentElement;
+        preventNav = element.getAttribute('href') === '#';
+      }
     }
   }
 }
+