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:
Michael Jumper committed 2019-08-08 21:30:44 -07:00
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';
}]);