fix(table): pinMode fails gracefully on ie (#94)

Closes #58
sbb-design-systems · Jul 8, 2019 · 75420e9 · 75420e9
1 parent e1d6808
commit 75420e9
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/projects/sbb-esta/angular-public/src/lib/table/table/table-scroll-area.directive.ts b/projects/sbb-esta/angular-public/src/lib/table/table/table-scroll-area.directive.ts
@@ -1,5 +1,11 @@
 import { Directive, HostBinding, HostListener, Input } from '@angular/core';
 
+const stickySupported =
+  typeof CSS !== 'undefined' &&
+  CSS.supports(
+    ['', '-o-', '-webkit-', '-moz-', '-ms-'].map(p => `(position: ${p}sticky)`).join(' or ')
+  );
+
 @Directive({
   selector: '[sbbTableScrollArea]'
 })
@@ -25,7 +31,7 @@ export class ScrollAreaDirective {
 
   @HostListener('scroll', ['$event.target'])
   scrollTable(scrollTarget: any) {
-    if (this.pinMode === 'on') {
+    if (stickySupported && this.pinMode === 'on') {
       if (scrollTarget.scrollLeft > 0) {
         this._isScrolling = true;
       } else {