[combobox-item-group] group item text should be highlighted when a filter matches it

[driskull]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

Group text is not highlighted.

Expected Behavior

Group text is highlighted matching filter text

Reproduction Sample

https://codepen.io/Matt-Driscoll/pen/zxOENKN?editors=1000

Reproduction Steps

1. open the codepen
2. notice group text isnt highlighted

Reproduction Version

3.0.0-next

Relevant Info

No response

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Impact

No response

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

N/A

[driskull]

cc @ashetland for design figma update

[ashetland]

As of now, the group itself isn't selectable so this might be working as expected. Related issue #7734.

[driskull]

I don't think its expected because we show all the child results when a group is matching the filter text

[ashetland]

I'd like to better understand the history of including the group label in the filtering. Many (most?) other systems don't include it. See Spectrum as just one example: https://react-spectrum.adobe.com/react-spectrum/ComboBox.html#static-items. I can filter with "Apple" or "Banana", but "Fruit" returns no results. This feels somewhat expected to be because I cannot choose all the "Fruit" here, only one of them. "Fruit" and "Vegetable" are used for visual grouping only.

[driskull]

@ashetland heres another related issue currently in progress: #7702

[ashetland]

Apparently it made sense then! 🤦‍♂️