pacocoursey / cmdk

Fast, unstyled command menu React component.
https://cmdk.paco.me
MIT License
9.98k stars 287 forks source link

Slightly blurred text on CommandItem #307

Open NiumXp opened 1 month ago

NiumXp commented 1 month ago

All the content I put inside CommandList is getting blurry in Chrome due to border-b class on CommandInput. This is the JSX I'm using:

      <CommandDialog open={openPalette} onOpenChange={setOpenPalette}>
        <CommandInput placeholder="Type a command or search..." />
        <CommandList>
          <CommandEmpty>No results found.</CommandEmpty>
          <CommandGroup heading="Grupo">
            <CommandItem>bla</CommandItem>
            <CommandItem>bla bla</CommandItem>
            <CommandItem>bla bla bla</CommandItem>
            <CommandItem>bla bla bla bla</CommandItem>
          </CommandGroup>
        </CommandList>
      </CommandDialog>

The CommandInput with border-b class: image The CommandInput without border-b class: image Setting border-radius to unset in Dialog also works (if you are using Radix UI): image

Notes and Workarounds