Skip to content

Add :focus-within styles to .form-control - #42829

Merged
mdo merged 2 commits into
v6-devfrom
fix/form-control-focus-within
Aug 12, 2026
Merged

Add :focus-within styles to .form-control#42829
mdo merged 2 commits into
v6-devfrom
fix/form-control-focus-within

Conversation

@mdo

@mdo mdo commented Aug 12, 2026

Copy link
Copy Markdown
Member
  • Apply .form-control focus styles on :focus-within so wrapper controls (chips, adornments) show the ring when a child input is focused
  • Drop the duplicate :focus-within rule from .form-adorn now that the base class covers it

Fixes #40827

@mdo
mdo requested a review from a team as a code owner August 12, 2026 04:51
@mdo mdo added this to v6.0.0 Aug 12, 2026
@github-project-automation github-project-automation Bot moved this to Inbox in v6.0.0 Aug 12, 2026
mdo added 2 commits August 12, 2026 08:08
Let wrapper controls (for example `.form-adorn`) show the focus ring when a child input is focused. Fixes #40827.
Dropping the local :focus-within rule left @use focus-ring unused and failed css-lint-imports.
@mdo
mdo force-pushed the fix/form-control-focus-within branch from 80d66af to 4bd5573 Compare August 12, 2026 15:09
@mdo
mdo merged commit fcc29a0 into v6-dev Aug 12, 2026
12 checks passed
@mdo
mdo deleted the fix/form-control-focus-within branch August 12, 2026 15:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Inbox

Development

Successfully merging this pull request may close these issues.

1 participant