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:
2026-03-02 15:20:46 -05:00
parent f4c3a9e11d
commit e9bee860d7
@@ -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'