fix(checkbox): remove checkmark from tab order (#6137)

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

Fixes #6125.
This commit is contained in:
Kristiyan Kostadinov
2017-08-01 23:40:07 +02:00
committed by tinayuangao
parent a503e19898
commit 735ffb5f4a
2 changed files with 5 additions and 0 deletions
+1
View File
@@ -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"
+4
View File
@@ -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', () => {