[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

説明

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

コントリビューターガイド

技術スタック: typescriptreact
領域: frontendaccessibility
Issue 種別: bug
難度: 3
推定時間: 1-3 hours
活動状況: fresh
明確さ: mostly clear
前提条件: ReactTypeScriptBasic understanding of keyboard navigation
初心者向け度: 60
調査方針: 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.