uppercase and tracking-wide are inherited by the Command.Item children, so every command renders as REFRESH ATTENDANCE / MANAGE CONTROLLERS instead of sentence case. Only the group heading should be uppercase.
cmdk renders the heading into its own element, so target that rather than the wrapper — move the type styles onto [&_[cmdk-group-heading]]:… and leave the wrapper with just spacing:
Found while adopting the kit in jason/unifi-access-dashboard.
## Problem
In `src/blocks/command-palette.tsx` the group wrapper carries the heading's typography:
```tsx
<Command.Group
heading={group}
className="px-1 py-1 text-xs font-semibold uppercase tracking-wide text-muted [&_[cmdk-group-items]]:mt-1"
>
```
`uppercase` and `tracking-wide` are inherited by the `Command.Item` children, so every command renders as `REFRESH ATTENDANCE` / `MANAGE CONTROLLERS` instead of sentence case. Only the group *heading* should be uppercase.
## Reproduce
```tsx
<CommandPalette actions={[{ id: "a", label: "Refresh attendance", onSelect: () => {} }]} />
```
Open with ⌘K — the item reads `REFRESH ATTENDANCE`.
## Suggested fix
cmdk renders the heading into its own element, so target that rather than the wrapper — move the type styles onto `[&_[cmdk-group-heading]]:…` and leave the wrapper with just spacing:
```tsx
<Command.Group
heading={group}
className={cn(
"px-1 py-1 [&_[cmdk-group-items]]:mt-1",
"[&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold",
"[&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wide",
"[&_[cmdk-group-heading]]:text-muted"
)}
>
```
## Workaround in the meantime
App-level CSS, no fork needed:
```css
[cmdk-item] { text-transform: none; }
```
Found while adopting the kit in `jason/unifi-access-dashboard`.
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Problem
In
src/blocks/command-palette.tsxthe group wrapper carries the heading's typography:uppercaseandtracking-wideare inherited by theCommand.Itemchildren, so every command renders asREFRESH ATTENDANCE/MANAGE CONTROLLERSinstead of sentence case. Only the group heading should be uppercase.Reproduce
Open with ⌘K — the item reads
REFRESH ATTENDANCE.Suggested fix
cmdk renders the heading into its own element, so target that rather than the wrapper — move the type styles onto
[&_[cmdk-group-heading]]:…and leave the wrapper with just spacing:Workaround in the meantime
App-level CSS, no fork needed:
Found while adopting the kit in
jason/unifi-access-dashboard.