coreui / coreui-pro / 33666801369

94%

main: 94%

push

github

fix(forms): reveal validation feedback that sits outside an input group (#1055)

The message was only revealed through a sibling combinator from the control
itself, so it stayed hidden the moment anything wrapped that control. Every
`.form-field` holding an `.input-group` hit this: the feedback is a sibling of
the group, not of the input, and a `.form-control.is-invalid` inside rendered
its message as `display: none` — silently, with the field styled red and no
text under it. The docs' own server-side validation example ships that way.

The state now reaches the feedback from the field, both for the `.is-{state}`
classes and for the `:user-{state}` path under `[data-coreui-validate]`. The
rule keys on the state itself rather than on a control class, because a group
also holds `.form-select` and the picker frames, and those carry the state on
different elements — `.form-control-group.is-invalid` for a picker,
`.form-multi-select.is-invalid` on the field root. That matches the generic
sibling rule above it, which does not qualify by control class either.

4830 of 5430 branches covered (88.95%)

Branch coverage included in aggregate %.

9263 of 9687 relevant lines covered (95.62%)

399.55 hits per line