IgniteUI / igniteui-webcomponents / 28032005309

98%

push

github

feat(forms): resolve external labels to inner control of form controls (#2263)

Form-associated controls are the labellable element, so external <label>
associations target the host rather than the inner native control (<input>/
<textarea>) that assistive technologies expose. Resolve the host's
ElementInternals.labels onto the inner control so external labels (via for/id
IDREF or by nesting) reach the AT-exposed element and focus delegation works on
label activation.

- input-base / date-time-input.base: add internal _labelElements state and a
  _resolvedLabelElements getter feeding the native input's ariaLabelledByElements
  (igc-input, igc-mask-input, igc-date-time-input)
- textarea: forward _internals.labels to the inner native <textarea>
- select, combo, date-picker, date-range-picker: forward _internals.labels to
  the inner input in updated(); date-range two-input mode targets the start input
- combo: add delegatesFocus so label activation focuses the inner input
- tests: add shared runExternalLabelAssociationTests covering IDREF and nested
  label association plus focus delegation

5904 of 6204 branches covered (95.16%)

Branch coverage included in aggregate %.

119 of 120 new or added lines in 13 files covered. (99.17%)

41796 of 42300 relevant lines covered (98.81%)

1584.31 hits per line