coreui / coreui-pro / 34778543582

95%

main: 94%

push

github

fix(Autocomplete, ChipInput): no black border flash while the frame is applied (#1267)

Both take the frame class on an element the page has already painted, and
`.form-control-group` brings `border-color` together with a transition on it.
The browser therefore animated from the bare `<div>`'s computed border colour,
`currentColor`, to the token — measured in Chromium on Autocomplete as a
140 ms fade from near-black to the grey border, on every page load.

`applyControlGroupClasses` exists for exactly this and the pickers already use
it: it suppresses the transition, adds the classes, forces a reflow and puts
the transition back. Both components now go through it, and the same probe
records a single jump to the final colour.

Autocomplete's stylesheet gains `forms/floating-labels` in its requires. The
import pulls `util/form-control-group` into its graph, and the stylesheet
check reads that graph — but the requirement is real either way: the docs
document Autocomplete inside a `.form-floating`, and both pickers already
declare it.

Multi Select is left alone: its frame is a wrapper it creates, so it has no
previously computed style to animate from.

5614 of 6263 branches covered (89.64%)

Branch coverage included in aggregate %.

2 of 2 new or added lines in 2 files covered. (100.0%)

10887 of 11290 relevant lines covered (96.43%)

466.84 hits per line