Skip to content

Development - #258

Merged
razorfever merged 3 commits into
mainfrom
development
Sep 2, 2026
Merged

Development#258
razorfever merged 3 commits into
mainfrom
development

Conversation

@villeerikssoncsc

Copy link
Copy Markdown
Contributor

No description provided.

razorfever and others added 3 commits September 1, 2026 09:11
c-popover, c-menu and c-tooltip accept a trigger prop (a document ID or an
element reference) designating an element elsewhere in the document as the
trigger: the component wires its usual opening interaction, ARIA mirroring
and focus return onto it and anchors the panel to it via a measured proxy
anchor (anchor names are tree-scoped, so the shadow panel cannot reference
an outer-tree element). The prop wins over a simultaneously slotted trigger.

Nested c-popovers are coordinated by a shared popover chain controller:
Escape peels the innermost popover one press at a time, light dismiss closes
exactly the popovers that do not logically contain the pointer event, and
closing a popover closes its descendants. Containment follows the trigger
relationship, not DOM ancestry.

Records ADR-0038 and the CONTEXT.md Trigger/Popover chain vocabulary.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…tor colour (ADR-0039)

The keyboard focus ring of c-checkbox and c-radio moves from the part-less
ripple surface onto the `indicator` part as a `::before` halo drawn with
currentColor, and the checkbox indicator now draws its border and checked
fill from the same colour channel. One `::part(indicator) { color }` rule
recolours box, dot and focus ring together; hover tint and ripple stay
internal. Ring geometry is unchanged (ripples move into a dedicated clipped
layer so the halo is not clipped). c-switch is deliberately unchanged.

Also: ADR-0039 (rejected alternatives recorded), amendment note in ADR-0035,
glossary entry for the focus ring plus flagged "ring"/"themeable"
ambiguities, updated usage docs, changeset, and the plan of record.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…us ring

The native `` element previously displayed a browser focus ring
around the entire modal, as it received focus as a fallback. This is
suppressed as it acts as a focus start point, not an interactive control.

Initial focus is now reliably set to the first focusable element (or
`[autofocus]`) even when the modal opens at mount. Previously, the
focus search ran before slotted custom elements had upgraded, causing
focus to improperly fall back to the dialog itself.
@netlify

netlify Bot commented Sep 2, 2026

Copy link
Copy Markdown

Deploy Preview for csc-design-system ready!

Name Link
🔨 Latest commit 5e501b9
🔍 Latest deploy log https://app.netlify.com/projects/csc-design-system/deploys/6a98066646bab300078f0797
😎 Deploy Preview https://deploy-preview-258--csc-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@razorfever
razorfever merged commit 1801551 into main Sep 2, 2026
5 of 6 checks 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