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:
The CommandInputwithoutborder-b class:
Setting border-radius to unset in Dialog also works (if you are using Radix UI):
All the content I put inside
CommandList
is getting blurry in Chrome due toborder-b
class onCommandInput
. This is the JSX I'm using:The
CommandInput
withborder-b
class: TheCommandInput
withoutborder-b
class: Settingborder-radius
tounset
inDialog
also works (if you are using Radix UI):Notes and Workarounds
border-b-2
everthing works as expected;border-b
everthing works as expected;Dialog
from shadcn/ui: https://ui.shadcn.com/docs/components/command;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
.