GUACAMOLE-630: Do not contain entire field nor entire header within <label>.
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.
This commit is contained in:
1 parent
a1a8be6fe5
commit
038f5ba0c5
16 files changed
+65
-17
No files matched your search
@@ -35,6 +35,6 @@ angular.module('form').controller('textFieldController', ['$scope', '$injector',
|
||||
|
||||
// Generate unique ID for datalist, if applicable
|
||||
if ($scope.field.options && $scope.field.options.length)
|
||||
$scope.dataListId = $scope.field.name + '-datalist';
|
||||
$scope.dataListId = $scope.fieldId + '-datalist';
|
||||
|
||||
}]);
|
||||
Reference in new issue
Block a user