[go: up one dir, main page]

Skip to content

Use GlFormInvalidFeedback component in Fork Form

Let's ensure invalid feedback is provided for our project URL in the Fork Form

image

More Info

https://bootstrap-vue.org/docs/components/input-group#input-groups

Bootstrap v4 currently does not support contextual state styling (i.e. valid or invalid) of input groups. However, the inputs inside the input group do support contextual state.

So we end up having something like this:

GlFormInputGroup Other form input (for comparison)
image image

Because of this problem, we are introducing a new PJ component GlFormInvalidFeedback (Issue > gitlab-ui#1255 (closed)) This will allow us to circumvent the bootstrap v4 concern. And it was also the suggested solution from Bootstrap Vue > https://github.com/bootstrap-vue/bootstrap-vue/issues/1251#issuecomment-340065341.

Edited by Samantha Ming