Fix habit cell morphing on focus in Chrome browsers
Prevent visual glitch where habit cells would shrink and borders would morph during NumberFlow animations when interacting via keyboard (shift key). Added focus-visible:outline-none to suppress global outline style that was causing layout shifts in Chrome's rendering engine.
This commit is contained in:
@@ -142,6 +142,7 @@
|
||||
class={cn(
|
||||
'z-10 flex h-12 w-full shrink-0 items-center justify-center shadow-sm select-none hover:cursor-pointer transition-all duration-200',
|
||||
'animate-in fade-in-5 duration-300',
|
||||
'focus-visible:outline-none',
|
||||
direction === 'end' ? 'slide-in-from-right-12' : 'slide-in-from-left-12',
|
||||
checked
|
||||
? 'bg-primary text-primary-foreground border border-primary hover:bg-primary/90'
|
||||
|
||||
Reference in New Issue
Block a user