From 735ffb5f4ab76a6742d1b4688b58909362193b2b Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 1 Aug 2017 23:40:07 +0200
Subject: [PATCH] fix(checkbox): remove checkmark from tab order (#6137)

Prevents users from being able to tab into the underlying SVG checkmark on IE.

Fixes #6125.
---
 src/lib/checkbox/checkbox.html    | 1 +
 src/lib/checkbox/checkbox.spec.ts | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/lib/checkbox/checkbox.html b/src/lib/checkbox/checkbox.html
index cece0500866..b6067c6e083 100644
--- a/src/lib/checkbox/checkbox.html
+++ b/src/lib/checkbox/checkbox.html
@@ -22,6 +22,7 @@
     <div class="mat-checkbox-frame"></div>
     <div class="mat-checkbox-background">
       <svg version="1.1"
+           focusable="false"
            class="mat-checkbox-checkmark"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
diff --git a/src/lib/checkbox/checkbox.spec.ts b/src/lib/checkbox/checkbox.spec.ts
index baa8bae00fc..6a13b4c5191 100644
--- a/src/lib/checkbox/checkbox.spec.ts
+++ b/src/lib/checkbox/checkbox.spec.ts
@@ -404,6 +404,10 @@ describe('MdCheckbox', () => {
           .toBe(0, 'Expected no ripple after element is blurred.');
     }));
 
+    it('should remove the SVG checkmark from the tab order', () => {
+      expect(checkboxNativeElement.querySelector('svg')!.getAttribute('focusable')).toBe('false');
+    });
+
     describe('ripple elements', () => {
 
       it('should show ripples on label mousedown', () => {