* fix(select): make select content scrollable if height is limited
Select content now becomes scrollable when the browser window height is too small to display the full menu. This improves usability on smaller screens.
Radix also supports the same behavior for other components. I will also submit PRs for the other components separately.
Added the following properties to the Select Content component:
- `max-h-[--radix-select-content-available-height]`
- `overflow-y-auto` & `overflow-x-hidden` instead of `overflow-hidden` (existed before)
* fix(select): make select content scrollable if height is limited
Select content now becomes scrollable when the browser window height is too small to display the full menu. This improves usability on smaller screens.
Radix also supports the same behavior for other components. I will also submit PRs for the other components separately.
Added the following properties to the Select Content component:
- `max-h-[--radix-select-content-available-height]`
- `overflow-y-auto` & `overflow-x-hidden` instead of `overflow-hidden` (existed before)
---------
Co-authored-by: shadcn <m@shadcn.com>
* fix(context-menu): make context menu scrollable if height is limited
Context menu content now becomes scrollable when the browser window height is too small to display the full menu. This improves usability on smaller screens.
Radix also supports the same behavior for other components. I will also submit PRs for the other components separately.
Added the following properties to the Context Menu Content component:
- `max-h-[--radix-context-menu-content-available-height]`
- `overflow-y-auto` & `overflow-x-hidden` instead of `overflow-hidden` (existed before)
* fix(v4): context menu
---------
Co-authored-by: shadcn <m@shadcn.com>
* fix(dropdown-menu): make dropdown content scrollable if height is limited
Dropdown menu content now becomes scrollable when the browser window height is too small to display the full menu. This improves usability on smaller screens.
Radix also supports the same behavior with other components. I will also submit a PR for the other components separately.
* chore: build registry
---------
Co-authored-by: shadcn <m@shadcn.com>
* fix(navigation-menu): 6825 - Update open state styles and remove unused classes
Adjusts navigation menu trigger open styles to apply opacity /50 only when not hover/focused.
Removes unused data-[active] and data-[active=true] classes.
Fixes#6825
* Adds data-[active=true] back to NavigationMenuLink component.
Includes text color changes for open/active states to improve UI consistency.
* v3 registry
* v4 registry
* fix(sidebar, sidebar-16): 6651 - Resolve unnecessary vertical scroll
Includes "label" in registry dependencies for sidebar-16 components.
Adjusts sidebar and sidebar inset dimensions to eliminate unwanted scroll behavior.
Fixes#6651
* chore: build registry
* Add label component to registry and adjust sidebar styles
Adds 'label' component to the registry.
Corrects sidebar styles and layout for better responsiveness.
* fix(sidebar-09): Add missing Label component dependency
Ensures the Label component is included in the registry dependencies for sidebar-09 to prevent missing component errors.
---------
Co-authored-by: shadcn <m@shadcn.com>
* refactor(components): remove redundant empty interfaces from Input, Command, and Textarea components
Simplified props handling by removing redundant empty interfaces (`InputProps`, `CommandDialogProps`, `TextareaProps`). Directly extended native HTML attributes/lib for each component, enhancing code clarity and maintainability. This refactor ensures compliance with ESLint rules and streamlines future modifications without altering component functionality.
* updated the registry
* rerun build:registry with updated command
* Refactor input and textarea components to use `React.ComponentProps`
* update registry
* refactor(sidebar): improve setOpen callback logic
- Simplify state handling
- Ensure consistent cookie setting
- Added ability for users to persist sidebar state via cookies
- Update sidebar.mdx doc with SSR persistence instructions
- Run pnpm registry:build to update component
* docs: updates
---------
Co-authored-by: shadcn <m@shadcn.com>
The text-sidebar-foreground class was applied to the SidebarProvider, which is designed to wrap the whole app, therefore making the whole app inherit its font color. This has been removed. The correct place for it is in the Sidebar component
Of the 3 possible return cases in the Sidebar component, 2 already applied the text-sidebar-foreground and I have added it to the third
* fix: fix breaking changes for Command component that comes with cmdk 1.0.0
* chore: build registry
* chore: moving paths for some examples
* chore: moving paths for some examples
* chore: use data instead of aria
* fix: update command and pin cmdk
* fix: model selector
* fix: command for new york
---------
Co-authored-by: shadcn <m@shadcn.com>
# Current Issue
when running `next lint`, the typescript compiler fails on the chart component (closes#4229 )
`Type error: Type 'string[]' is not assignable to type 'string | TrustedHTML'.`
# Resolution
We can coerce the `string[]` into a valid type by `join`ing.
Data attributes at <CommandPrimite.List /> component should be written as data-[disabled=true] in order to avoid styles being applied to element, even when it's not disabled.
* feat: add input-otp
* feat: update input-otp and add examples
* feat(input-otp): add controlled and form examples
* chore(input-otp): update to latest
* docs(www): fix example code for input-otp
* fix(www): disable menu