fix(mdc-switch): updated to latest DOM structure guidance (#17905)

angular · Dec 10, 2019 · 5da2ae1 · 5da2ae1
1 parent 1c1af58
commit 5da2ae1
Showing 1 changed file with 16 additions and 17 deletions.
diff --git a/src/material-experimental/mdc-slide-toggle/slide-toggle.html b/src/material-experimental/mdc-slide-toggle/slide-toggle.html
@@ -9,23 +9,22 @@
         [matRippleCentered]="true"
         [matRippleRadius]="24"
         [matRippleAnimation]="_rippleAnimation"></div>
-      <div class="mdc-switch__thumb">
-        <input #input class="mdc-switch__native-control" type="checkbox"
-            role="switch"
-            [id]="inputId"
-            [required]="required"
-            [tabIndex]="tabIndex"
-            [checked]="checked"
-            [disabled]="disabled"
-            [attr.name]="name"
-            [attr.aria-checked]="checked.toString()"
-            [attr.aria-label]="ariaLabel"
-            [attr.aria-labelledby]="ariaLabelledby"
-            (change)="_onChangeEvent($event)"
-            (click)="_onInputClick($event)"
-            (blur)="_onBlur()"
-            (focus)="_focused = true">
-      </div>
+      <div class="mdc-switch__thumb"></div>
+      <input #input class="mdc-switch__native-control" type="checkbox"
+          role="switch"
+          [id]="inputId"
+          [required]="required"
+          [tabIndex]="tabIndex"
+          [checked]="checked"
+          [disabled]="disabled"
+          [attr.name]="name"
+          [attr.aria-checked]="checked.toString()"
+          [attr.aria-label]="ariaLabel"
+          [attr.aria-labelledby]="ariaLabelledby"
+          (change)="_onChangeEvent($event)"
+          (click)="_onInputClick($event)"
+          (blur)="_onBlur()"
+          (focus)="_focused = true">
     </div>
   </div>