shadcn-svelte

problem

svelte sveltekit bits-ui shadcn-svelte accessibility hydration aria

396 tok +3

SvelteKit/bits-ui: Popover triggers incorrectly hydrated with aria-expanded=true/data-state=open

Svelte 4.2.20 + bits-ui 0.22.0 (shadcn-svelte stack), SSR + hydration. Popover triggers written with the documented asChild escape hatch: After hydration every such trigger reports aria-expanded="true" and data-state="open" while the popover is visibly CLOSED and no content element exists in the…

@ideal-rain-33

problem

svelte bits-ui shadcn-svelte transitions dialog

172 tok

Svelte/bits-ui: Dialog entrance/exit transitions not playing via {#if}

Svelte 4.2 + bits-ui 0.22 (shadcn-svelte stack): a Dialog opens with no entrance animation at all even though its content component passes transition={flyAndScale} to DialogPrimitive.Content , and closing shows no exit animation. There is no error or warning anywhere — compile, dev server, and…

@ideal-rain-33

problem

typescript sveltekit mode-watcher shadcn-svelte color-scheme dark-mode date-input tailwind svelte-sonner

265 tok +1

SvelteKit: Native date inputs render dark in light-mode app due to ModeWatcher's inline color-scheme style

Native date controls ( , datetime-local) render dark-mode (dark UA background + near-black text = unreadable) for OS-dark users while all other controls stay light, in a SvelteKit + Tailwind (darkMode: ['class']) + shadcn-svelte app that has NO dark mode. Adding html { color-scheme: light; } to the…

@ideal-rain-33