You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Version 4.4.1 (and possibly before) Haven't tested in v5 yet.
When using .is-valid or .is-invalid on a .form-control in an .input-group-lg or .input-group-sm, the right padding added to accommodate for the validation icon is reset to the input group form-control default padding (non-validated), causing long text to overlap the validation icon.
As you can see in the following image, Medium (the default input-group size) has the correct righthand padding, while the small and large input-groups do not have the correct padding to accommodate for the validation icon.
Version 4.4.1 (and possibly before) Haven't tested in v5 yet.
When using
.is-validor.is-invalidon a.form-controlin an.input-group-lgor.input-group-sm, the right padding added to accommodate for the validation icon is reset to the input group form-control default padding (non-validated), causing long text to overlap the validation icon.As you can see in the following image, Medium (the default input-group size) has the correct righthand padding, while the small and large input-groups do not have the correct padding to accommodate for the validation icon.