399 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
0
votes
1
answer
52
views
Autocomplete text color overridden when browser spellcheck activates in shadcn Input
I am using shadcn input component and have also enabled autocomplete for the input fields, but when I am choosing from those suggestions, a few seconds after choosing from the suggestions and exactly ...
0
votes
1
answer
72
views
Is there a way to set dark mode as default in shadcn/ui?
I want my shadcn/ui Next.js app to use dark mode by default, but I’m not sure how to set that up. The shadcn docs show how to manage themes with a ThemeProvider, but I don’t need theme switching.
Is ...
0
votes
0
answers
66
views
VSCode how to auto-import Shadcn components instead of Radix/UI?
I'm using Next.js and shadcn/ui in a project. When I add new shadcn components to a file in VSCode, the usual workflow is:
Hover over the component (highlighted in red because it's not imported yet).
...
Best practices
0
votes
1
replies
52
views
Shadcn-svelte dialog lifecycle and memory management recommendation
I'd welcome a steer regarding managing dialog lifecycle, particularly with an eye towards memory management. This is in the context of a single page application (SPA) that has a lot of possible ...
0
votes
0
answers
41
views
Why doesn't the carousel component take into consideration the max-h-full?
I have a carousel component:
import * as React from "react"
import { Card, CardContent } from "@/components/ui/card"
import {
Carousel,
CarouselContent,
CarouselItem,
...
0
votes
0
answers
36
views
dir="rtl" does not affect flex items direction
I made a simple Navbar that has Logo on the left, searchbar in the center and 3 links to the right:
export default function Navbar() {
return (
<NavigationMenu className="main-...
2
votes
1
answer
40
views
Is it ok to have multiple <NavigationMenuList> components in a navigation menu?
I have the following simple navigation menu:
export default function Navbar() {
return (
<NavigationMenu className="main-navbar max-w-none">
<...
1
vote
0
answers
85
views
Keep getting error "THREE.WebGLRenderer: Context Lost" in my React Three Fiber Project
I'm making a school project for the scale of different planets and for now im making an MVP for the app.
I get no error when I remove the Slider component but when it is there it reports the error. ...
0
votes
1
answer
967
views
Shadcn: How do I prevent a dialog from closing when clicking outside?
When I click outside my Shadcn Dialog component, the dialog is closed automatically. Is there any way to prevent this behaviour? I would like it so that the dialog will remain open, even after ...
0
votes
1
answer
163
views
How to avoid target.hasPointerCapture is not a function when testing Radix UI (shadcn) components with Vitest + userEvent?
I'm testing components built with shadcn/ui, which uses Radix UI under the hood.
When running UI interaction tests using Vitest and @testing-library/user-event, I keep getting the following error:
...
1
vote
0
answers
358
views
Radix UI Dialog Overlay disappears when switching browser tabs (Next.js + ShadCN)
I’m using Radix UI Dialog (via ShadCN UI) in my Next.js 13+ project.
Everything works fine when I open the dialog — the overlay (bg-black/80) appears as expected and blocks the background.
However, if ...
1
vote
1
answer
306
views
How to remove the arrow in the shadcn tooltip component without changing the main imported code?
I have created a custom component using the shadcn button and tooltip components, the relevant part looks something like this:
<Tooltip>
<TooltipTrigger asChild>
<Button&...
4
votes
1
answer
553
views
Nuxt 4 + shadcn/vue Overriding component You can specify a priority option when calling addComponent to avoid this warning warnings for all components
I’m using Nuxt 4 with [email protected], and I’m getting warnings for every shadcn-vue component:
WARN Overriding StepperDescription component. You can specify a priority option when calling ...
2
votes
0
answers
242
views
shadcn/ui Select and Tooltip components always positioning at top-left corner instead of relative to trigger element
I'm using shadcn/ui components in a Next.js 14 project with the app directory structure. All overlay components (Tooltip, Select dropdown, etc.) are appearing at the top-left corner of the screen ...
0
votes
1
answer
317
views
Toaster from shadn/Sonner it is not shown
I'm working in a Vue monorepo with a custom UI package. I want to use the Sonner toast component (vue-sonner v2) following the official shadcn-vue guide. I've set everything up without any import ...