fix: set ViewEncapsulation.None for radio button and split button (#2337

)
SAP · Apr 14, 2020 · 8bd28b8 · 8bd28b8
1 parent 88a4c58
commit 8bd28b8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/libs/core/src/lib/radio/radio-button/radio-button.component.ts b/libs/core/src/lib/radio/radio-button/radio-button.component.ts
@@ -7,7 +7,8 @@ import {
     ViewChild,
     ChangeDetectionStrategy,
     OnChanges,
-    OnInit
+    OnInit,
+    ViewEncapsulation
 } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { applyCssClass, CssClassBuilder } from '../../utils/public_api';
@@ -19,6 +20,7 @@ let uniqueId = 0;
     templateUrl: './radio-button.component.html',
     styleUrls: ['./radio-button.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    encapsulation: ViewEncapsulation.None,
     providers: [
         {
             provide: NG_VALUE_ACCESSOR,

diff --git a/libs/core/src/lib/split-button/split-button.component.ts b/libs/core/src/lib/split-button/split-button.component.ts
@@ -7,7 +7,8 @@ import {
     Output,
     TemplateRef,
     Inject,
-    Optional
+    Optional,
+    ViewEncapsulation
 } from '@angular/core';
 import { SplitButtonActionTitle } from './split-button-utils/split-button.directives';
 import { PopoverFillMode } from '../popover/popover-directive/popover.directive';
@@ -42,7 +43,8 @@ import { map } from 'rxjs/operators';
     selector: 'fd-split-button',
     templateUrl: 'split-button.component.html',
     styleUrls: ['./split-button.component.scss'],
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    encapsulation: ViewEncapsulation.None,
 })
 export class SplitButtonComponent {
     /** @hidden */