Enclosing the entire field within the <label> results in problems when the field is large and when the field contains multiple interactive elements. Clicking within interactive elements of a complex field triggers the <label>, refocusing the first input element. If the field is large, the <label> will contain empty space which also refocuses the input field upon being clicked, despite appearing to be the background of the page.
6 lines
141 B
HTML
6 lines
141 B
HTML
<input type="checkbox"
|
|
ng-attr-id="{{ fieldId }}"
|
|
ng-model="typedValue"
|
|
autocorrect="off"
|
|
autocapitalize="off"/>
|