Skip to content

Fixes c-select option mark and highlight logic - #273

Merged
villeerikssoncsc merged 3 commits into
mainfrom
development
Sep 11, 2026
Merged

villeerikssoncsc merged 3 commits into
mainfrom
development

Conversation

@razorfever

Copy link
Copy Markdown
Contributor

Improves the c-select component by ensuring accurate visual feedback and better keyboard navigation:

  • Consistent Selection Marking: The picked option's row now consistently displays a checkmark, aligning its behavior with c-autocomplete. This applies to both slotted options and items array entries, and the mark always follows the selected value, not just the keyboard highlight.
  • Enhanced Initial Selection & Navigation: Programmatically setting c-select's value (e.g., via v-model) now correctly marks the corresponding option. Additionally, opening the list, whether by mouse or keyboard, highlights the picked option, allowing arrow key navigation to continue from it.

Also includes minor VS Code workbench color customizations for improved development experience and reverts package versions to 4.0.0-alpha.11 by removing feature flags and changelog entries from subsequent alpha releases.

razorfever and others added 3 commits September 10, 2026 15:59
Adjusts various foreground colors for improved readability and introduces hover styles for the modern activity bar. Existing color settings are also reorganized for clarity.
… seed the highlight on every open

- c-dropdown rows render a trailing check on the selected row in single
  mode, for slotted options and `items` alike, matching c-autocomplete.
  The row's `aria-selected` and the check share one reactive gate, the
  `selected` prop, which c-select now fills with the single value too.
- A scalar value set from code is resolved to its option before the row
  match, so the highlight, the `.selected` mirror and `option-as-selection`
  work for plain v-model values, not only `return-object` ones.
- Field click, chevron and keyboard opens all go through one helper that
  seeds the highlight from the selection.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…lue selection (ADR-0047)

A readonly value field that opens an anchored panel for browsing nested
items one level at a time (breadcrumb, level header, step counter on an
evenly deep tree) or searching the whole tree (results carry their path,
match marking on code, label and path). Data comes from the `items`
property; `allow-branch` commits a branch through a pinned select-branch
row; `return-object` emits `{ value, name, code, path }`. Value events are
the 4.x set (`change`, `update:value`, `input`) plus `change:query`.

Extracts the field-plus-panel mechanics c-autocomplete hand-rolled into
`useAnchoredPanel()` and `useStatusAnnouncer()` in `src/shared/` and refits
c-autocomplete onto them (amends ADR-0009's accepted duplication). Also
fixes c-autocomplete: a press on a disabled row fell through to the
listbox and took focus from the search input.

Adds the Tree select vocabulary to CONTEXT.md, ADR-0047, seven docs
examples in every flavor, the regenerated tag map and React wrapper, the
plan record and a minor changeset for both packages.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@villeerikssoncsc
villeerikssoncsc merged commit 4164d40 into main Sep 11, 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