Skip to content

feat(ui5-select): add ui5-option-group component for grouped options - #13913

Open
plamenivanov91 wants to merge 3 commits into
mainfrom
select-grouping-final
Open

feat(ui5-select): add ui5-option-group component for grouped options#13913
plamenivanov91 wants to merge 3 commits into
mainfrom
select-grouping-final

Conversation

@plamenivanov91

Copy link
Copy Markdown
Contributor

Introduces ui5-option-group, a new public component that allows grouping options inside ui5-select, matching the ComboBox's ui5-combobox-item-group API pattern.

Key changes:

  • New ui5-option-group component extending ListItemGroup, with individualSlots: true and ARIA group semantics (role="group", aria-label, aria-roledescription)
  • Select._flatOptions getter flattens grouped + ungrouped options for all navigation and selection logic
  • Per-group aria-setsize/aria-posinset injected via _forcedSetsize and _forcedPosinset on Option, rendered via ListItemBaseTemplate
  • Hidden live-region span on the Select trigger announces option count and group count on focus (aria-describedby)
  • IOptionGroup interface exported from Select.ts for consumers
  • Website docs sample added (OptionGroups)

JIRA: BGSOFUIPIRIN-7094

Introduces ui5-option-group, a new public component that allows
grouping options inside ui5-select, matching the ComboBox's
ui5-combobox-item-group API pattern.

Key changes:
- New ui5-option-group component extending ListItemGroup, with
  individualSlots: true and ARIA group semantics (role="group",
  aria-label, aria-roledescription)
- Select._flatOptions getter flattens grouped + ungrouped options
  for all navigation and selection logic
- Per-group aria-setsize/aria-posinset injected via _forcedSetsize
  and _forcedPosinset on Option, rendered via ListItemBaseTemplate
- Hidden live-region span on the Select trigger announces option
  count and group count on focus (aria-describedby)
- IOptionGroup interface exported from Select.ts for consumers
- Website docs sample added (OptionGroups)

JIRA: BGSOFUIPIRIN-7094
@plamenivanov91
plamenivanov91 requested a review from IlianaB August 11, 2026 14:02
@plamenivanov91
plamenivanov91 deployed to netlify-preview August 11, 2026 14:02 — with GitHub Actions Active
@sap-ui5-webcomponents-release

Copy link
Copy Markdown

@plamenivanov91
plamenivanov91 deployed to netlify-preview August 12, 2026 09:48 — with GitHub Actions Active
@plamenivanov91
plamenivanov91 deployed to netlify-preview August 12, 2026 12:42 — with GitHub Actions Active
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant