fix: add tabIndex for material elements (udos86#1047)

tylerthrash · Dec 4, 2019 · 135db10 · 135db10
1 parent a963297
commit 135db10
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 1 deletion.
diff --git a/...ts/ng-dynamic-forms/ui-material/src/lib/checkbox/dynamic-material-checkbox.component.html b/...ts/ng-dynamic-forms/ui-material/src/lib/checkbox/dynamic-material-checkbox.component.html
@@ -9,6 +9,7 @@
                   [indeterminate]="model.indeterminate"
                   [labelPosition]="model.labelPosition || 'after'"
                   [name]="model.name"
+                  [tabIndex]="model.tabIndex"
                   [ngClass]="[getClass('element', 'control'), getClass('grid', 'control')]"
                   (blur)="onBlur($event)"
                   (change)="onChange($event)"

diff --git a/projects/ng-dynamic-forms/ui-material/src/lib/chips/dynamic-material-chips.component.html b/projects/ng-dynamic-forms/ui-material/src/lib/chips/dynamic-material-chips.component.html
@@ -5,7 +5,11 @@
                 [hideRequiredMarker]="model.getAdditional('hideRequiredMarker', false)"
                 [ngClass]="getClass('grid', 'control')">
 
-    <mat-chip-list #matChipList [formControlName]="model.id" [id]="id" [multiple]="true">
+    <mat-chip-list #matChipList
+                   [formControlName]="model.id"
+                   [id]="id"
+                   [multiple]="true"
+                   [tabIndex]="model.tabIndex">
 
         <mat-chip *ngFor="let chip of chips; let index = index"
                   [selectable]="false"

diff --git a/...g-dynamic-forms/ui-material/src/lib/datepicker/dynamic-material-datepicker.component.html b/...g-dynamic-forms/ui-material/src/lib/datepicker/dynamic-material-datepicker.component.html
@@ -25,6 +25,7 @@
            [placeholder]="model.placeholder"
            [readonly]="model.readOnly"
            [required]="model.required"
+           [tabindex]="model.tabIndex"
            (blur)="onBlur($event)"
            (dateChange)="onChange($event)"
            (dateInput)="onCustomEvent($event, 'dateInput')"

diff --git a/...dynamic-forms/ui-material/src/lib/radio-group/dynamic-material-radio-group.component.html b/...dynamic-forms/ui-material/src/lib/radio-group/dynamic-material-radio-group.component.html
@@ -7,6 +7,7 @@
                      [name]="model.name"
                      [ngClass]="[getClass('element', 'control'), getClass('grid', 'control')]"
                      [required]="model.required"
+                     [tabIndex]="model.tabIndex"
                      (blur)="onBlur($event)"
                      (change)="onChange($event)"
                      (focus)="onFocus($event)">

diff --git a/projects/ng-dynamic-forms/ui-material/src/lib/select/dynamic-material-select.component.html b/projects/ng-dynamic-forms/ui-material/src/lib/select/dynamic-material-select.component.html
@@ -23,6 +23,7 @@
                 [ngClass]="getClass('element', 'control')"
                 [placeholder]="model.placeholder"
                 [required]="model.required"
+                [tabIndex]="model.tabIndex"
                 (openedChange)="onCustomEvent($event, 'openedChange')"
                 (selectionChange)="onChange($event)">
 

diff --git a/...namic-forms/ui-material/src/lib/slide-toggle/dynamic-material-slide-toggle.component.html b/...namic-forms/ui-material/src/lib/slide-toggle/dynamic-material-slide-toggle.component.html
@@ -8,6 +8,7 @@
                       [id]="id"
                       [labelPosition]="model.labelPosition || 'after'"
                       [name]="model.name"
+                      [tabIndex]="model.tabIndex"
                       [ngClass]="[getClass('element','control'), getClass('grid','control')]"
                       (change)="onChange($event)"
                       (dragChange)="onCustomEvent($event, 'dragChange')"