[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.