Skip to content

Update focusgroup examples to follow the latest version of the API.#121

Merged
captainbrosset merged 8 commits intoMicrosoftEdge:mainfrom
janewman:focusgroup_attribute_change_and_defaults
Mar 4, 2026
Merged

Update focusgroup examples to follow the latest version of the API.#121
captainbrosset merged 8 commits intoMicrosoftEdge:mainfrom
janewman:focusgroup_attribute_change_and_defaults

Conversation

@janewman
Copy link
Copy Markdown
Member

@janewman janewman commented Mar 4, 2026

Changes can be viewed in my folk of the demos, https://janewman.github.io/Demos/focusgroup/

  • Updates match the latest version of the explainer, updated last week with [focusgroup] Extend child role inference to button, add default modifiers openui/open-ui#1379. This includes
    • Default modifiers for most behaviors.
    • no-memory renamed to nomemory.
    • New attribute nowrap to allow author control when the behavior has wrap by default.
    • Buttons are also eligible for role inference when they participate in a focusgroup.
  • Language used in explanations has been edited for clarity.
  • Small updates to each example for usability and correctness.

janewman and others added 3 commits March 4, 2026 00:13
- tablist: vertical tablist missing wrap (block overrides inline wrap default)
  - focusgroup="tablist block nomemory" → "tablist block wrap nomemory"
  - Updated attr-label, live HTML, snippet, try-it, and notice
- tablist: add click handler so re-click on already-focused tab selects it
- tablist: improve Demo 1/2 snippet class attrs and try-it instructions
- accordion: fix remaining Tab→Shift+Tab in intro paragraph
- accordion: add class="accordion" and class="accordion accordion-focus-into"
  to Demo 1/2 source snippets; fix JS selector to "h3 button[aria-controls]"
- menu: add e.preventDefault() to Escape handler; rename triggerId→popoverId
- menu: correct backwards child-role-inference claim in notice
- menu: rewrite "Add JS" notice to direct voice
- listbox: rewrite Home/End parenthetical (remove misleading fallback note)
- toolbar: "Click the first button" → "Tab to the toolbar"; improve nomemory
  try-it to mention focusgroupstart explicitly
- additional-concepts: fix embedded newlines in aria-label in two snippets
- additional-concepts: add opacity:0.6 to opted-out buttons in snippet
- additional-concepts: simplify nested-focusgroup attr-label text
- index + additional-concepts: add aria-hidden="true" to all div.attr-label
- index: fix role= → role in prose
- README: Menu → Menu & Menubar

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@janewman janewman marked this pull request as ready for review March 4, 2026 02:29
@captainbrosset captainbrosset merged commit ce5e53e into MicrosoftEdge:main Mar 4, 2026
1 check passed
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.

2 participants