ngAnimate doesn't work well

[nick121212]

[alexferl]

I just noticed this also. As soon as you include ngAnimate in your module, all the validation icons stack at that location.

[nick121212]

set 'has-feedback' class first. it's all right.

[aantipov]

I found that emitting schemaFormRedraw event fixes the issue

$scope.$applyAsync(() => {
      $scope.$broadcast('schemaFormRedraw');
    });

[aantipov]

But this workaround doesn't help in some cases, unfortunately.

[nicklasb]

Is this still an issue?

[jseed]

@nicklasb I ran into this issue a few weeks ago. Was able to work around it with the first solution after playing around with it for a while

[Anthropic]

@nick121212 can you elaborate on what you did to fix it? Perhaps create a PR?

[Anthropic]

@JSeed what steps did you take, would you be able to submit a pull request?

[jseed]

@Anthropic To get it working I set html-class to has-feedback under formDefaults in the sf-options attribute when defining my form. The code looks like this :

<form name="promptForm" ng-submit="formSubmit(promptForm)">
        <fieldset sf-schema="schema" sf-form="form" sf-model="model" sf-options="{ formDefaults: { htmlClass: 'has-feedback' } }" ng-disabled="isWaiting"></fieldset>
</form>

I could look into submitting a pull request if you'd like, as long as having this class set by default on the form is okay. Not sure if that would cause any issues or not.

[Anthropic]

Thanks @JSeed, you and me both, I can't imagine it being an issue, worth checking if it is something to do with the version of bootstrap and perhaps a more recent bootstrap css would also fix the issue.

Either way a PR in the angular-schema-form-bootstrap repo would be great, we can continue discussion there and try to sort it out for everyone :)

[brian-slate]

+1