fix: normalize combobox & select to 32px field height + keyboard focus fixes#141
Open
boramyi-ts wants to merge 2 commits into
Open
fix: normalize combobox & select to 32px field height + keyboard focus fixes#141boramyi-ts wants to merge 2 commits into
boramyi-ts wants to merge 2 commits into
Conversation
- Combobox single field now matches the Select trigger: h-10 (40px) + bg-card, and items use gap-1.5 — the two controls were visually inconsistent in height and background. - Combobox chips: bg-card background + keyboard-only focus indicator (has-[chip-input:focus-visible] instead of focus-within, which fired on mouse click too). - Slider thumb: focus shadow scoped to :focus-visible only (was also showing on hover and active drag). - Accordion trigger: removed the orphan focus-visible:after:border-ring (no ::after geometry — a dead no-op). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
boramyi-ts
temporarily deployed
to
artifactory-prod
GitHub Actions
Inactive
boramyi-ts
changed the title
Brings Select (default 40px -> 32px; sm -> 28px) and Combobox (was 40px) down to the standard 32px field height shared by Input, Input Group, Button, and Toggle. Combobox now inherits the InputGroup base height rather than overriding it. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
boramyi-ts
temporarily deployed
to
artifactory-prod
GitHub Actions
Inactive
boramyi-ts
changed the title
Coverage Report
File Coverage
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Normalizes Combobox and Select to the standard 32px field height, and corrects several keyboard-focus indicators. (The input-group focus inner-shadow bug is split into its own PR — SW-2043 / #142.)
Field height → 32px (consistency)
h-10(40px) →h-8(32px);sm→h-7(28px).Combobox ↔ Select consistency
bg-cardbackground + itemgap-1.5(match Select).bg-card+ keyboard-only focus (has-[[data-slot=combobox-chip-input]:focus-visible]instead offocus-within, which also fired on mouse click).Focus-shadow fixes (keyboard
:focus-visiblecorrectness):focus-visibleonly (was also on hover + active drag).focus-visible:after:border-ring(no::aftergeometry — a dead no-op).Files:
combobox.tsx,select.tsx,slider.tsx,accordion.tsx.yarn lint+yarn typecheckpass.Prototypes
Field height — 40px vs 32px (the same form rendered at both heights, all controls):
Focus before/after (slider, accordion, combobox chips, + Input/Textarea/Select reference rows):
🤖 Generated with Claude Code