fix(grid): disable focus styles for min parts of the grid

Author: MPopov

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss

@@ -30,6 +30,10 @@
         igx-display-container {
             @extend %grid-display-container-thead !optional;
         }
+
+        &:focus {
+            @extend %disable-focus-styles !optional;
+        }
     }
 
     @include e(thead-title) {
@@ -64,6 +68,10 @@
 
     @include e(tbody-content) {
         @extend %grid-tbody !optional;
+
+        &:focus {
+            @extend %disable-focus-styles !optional;;
+        }
     }
 
     @include e(tbody-message) {
@@ -104,6 +112,10 @@
 
     @include e(tfoot) {
         @extend %grid-tfoot !optional;
+
+        &:focus {
+            @extend %disable-focus-styles !optional;
+        }
     }
 
     @include e(tfoot-thumb) {

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -696,6 +696,10 @@
         indigo-design: 600,
     ), $variant);
 
+    %disable-focus-styles {
+        outline: 0;
+    }
+
     %grid-display {
         position: relative;
         display: grid;