[shadcn-theme] Dropdown components are not tabbable · rjsf-team/react-jsonschema-form#4764

2025-09-11T11:08:11.000Z

### Prerequisites - [x] I have searched the existing issues - [x] I understand that providing a [SSCCE](http://sscce.org/) example is tremendously useful to the maintainers. - [x] I have read the [documentation](https://rjsf-team.github.io/react-jsonschema-form/docs) - [x] Ideally, I'm providing a [sample JSFiddle](https://jsfiddle.net), [Codesandbox.io](https://codesandbox.io) or preferably a [shared playground link](https://rjsf-team.github.io/react-jsonschema-form/) demonstrating the issue. ### What theme are you using? shadcn ### Version 6.x ### Current Behavior Dropdown components are not tabbable. Just try to tab over a dropdown https://react-jsonschema-form-shadcn-boilerplate.vercel.app ### Expected Behavior _No response_ ### Steps To Reproduce _No response_ ### Environment ```markdown - OS: - Node: - npm: ``` ### Anything else? _No response_

(2 comments) (0 reactions) (0 assignees)TypeScript (13,175 stars) (2,136 forks)batch import

bughelp wantedshadcn

Description

Prerequisites

I have searched the existing issues
I understand that providing a SSCCE example is tremendously useful to the maintainers.
I have read the documentation
Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

shadcn

Version

6.x

Current Behavior

Dropdown components are not tabbable. Just try to tab over a dropdown https://react-jsonschema-form-shadcn-boilerplate.vercel.app

Expected Behavior

No response

Steps To Reproduce

No response

Environment

- OS:
- Node:
- npm:

Anything else?

No response

Contributor guide

Tech stack: typescriptreact
Domain: frontendaccessibility
Issue type: bug
Difficulty: 3
Estimated time: 1-3 hours
Activity status: fresh
Clarity: mostly clear
Prerequisites: ReactTypeScriptBasic understanding of keyboard navigation
Newbie friendliness: 60
Research direction: Investigate the shadcn theme's Dropdown component in the repository, likely located in packages/shadcn/src. The issue indicates that dropdown items are not reachable via Tab key, which suggests missing or incorrect focus management. Check if the Radix UI DropdownMenu primitive is used and if its default keyboard handling (arrow keys) is properly configured. Refer to the existing implementation for Select components which may have similar focus logic. Additionally, review the playground link (https://react jsonschema form shadcn boilerplate.vercel.app) to reproduce the behavior and identify the affected dropdown instances. Look at the comments for any additional hints.