[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 留言) (0 反應) (0 負責人)TypeScript (13,175 star) (2,136 fork)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
議題類型: 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.