fix(module:checkbox): fix invalid setting width via style (#1577)

close #1359
NG-ZORRO · Jun 1, 2018 · ec4be6b · ec4be6b
1 parent 024c488
commit ec4be6b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/components/checkbox/nz-checkbox-wrapper.component.html b/components/checkbox/nz-checkbox-wrapper.component.html
@@ -1,3 +1 @@
-<div class="ant-checkbox-group">
-  <ng-content></ng-content>
-</div>
+<ng-content></ng-content>
diff --git a/components/checkbox/nz-checkbox-wrapper.component.ts b/components/checkbox/nz-checkbox-wrapper.component.ts
@@ -5,7 +5,10 @@ import { NzCheckboxComponent } from './nz-checkbox.component';
 @Component({
   selector           : 'nz-checkbox-wrapper',
   preserveWhitespaces: false,
-  templateUrl        : './nz-checkbox-wrapper.component.html'
+  templateUrl        : './nz-checkbox-wrapper.component.html',
+  host               : {
+    '[class.ant-checkbox-group]': 'true'
+  }
 })
 export class NzCheckboxWrapperComponent {
   @Output() nzOnChange = new EventEmitter<string[]>();

diff --git a/components/checkbox/nz-checkbox.spec.ts b/components/checkbox/nz-checkbox.spec.ts
@@ -251,7 +251,7 @@ describe('checkbox', () => {
       inputElement = checkboxWrapper.nativeElement.querySelector('input') as HTMLInputElement;
     }));
     it('should className correct', fakeAsync(() => {
-      expect(checkboxWrapper.nativeElement.firstElementChild.classList).toContain('ant-checkbox-group');
+      expect(checkboxWrapper.nativeElement.classList).toContain('ant-checkbox-group');
     }));
     it('should onChange correct', fakeAsync(() => {
       inputElement.click();