fix(tagsInput): Fix element validity on tag removal

Fix element validity when removing a tag and there is some text in the
input field and the allowLeftoverText option is set to false.

Closes #381

src/tags-input.js

@@ -208,7 +208,7 @@ tagsInput.directive('tagsInput', function($timeout, $document, tagsInputConfig,
             setElementValidity = function() {
                 ngModelCtrl.$setValidity('maxTags', scope.tags.length <= options.maxTags);
                 ngModelCtrl.$setValidity('minTags', scope.tags.length >= options.minTags);
-                ngModelCtrl.$setValidity('leftoverText', options.allowLeftoverText ? true : !scope.newTag.text);
+                ngModelCtrl.$setValidity('leftoverText', scope.hasFocus || options.allowLeftoverText ? true : !scope.newTag.text);
             };
 
             scope.newTag = {

test/tags-input.spec.js

@@ -1347,6 +1347,22 @@ describe('tags-input directive', function() {
             expect($scope.form.tags.$error.leftoverText).toBe(false);
         });
 
+        it('does not make the element invalid when some tag is removed and there is any leftover text', function() {
+            // Arrange
+            compileWithForm('allow-leftover-text="false"', 'name="tags"');
+            isolateScope.hasFocus = true;
+            newTag('foo');
+            newTag('Foo');
+            changeInputValue('some text');
+
+            // Act
+            getRemoveButton(0).click();
+
+            // Assert
+            expect($scope.form.tags.$valid).toBe(true);
+            expect($scope.form.tags.$error.leftoverText).toBe(false);
+        });
+
         it('makes the element valid and removes the leftoverText error when it gains focus', function() {
             // Arrange
             compileWithForm('name="tags"');