#24482·cal.diy

BorderRadiusTable 组件缺少键盘可访问性

作者: mohsinirfanpalla创建于 2025年10月15日更新于 2026年9月15日
标签🐛 bugui

** 描述错误** BorderRadiusTable组件允许用鼠标点击卡来复制 Tailwind 边框-radius 类. 然而,卡片无法访问键盘,因此用户不能使用 Enter 或 Space 键来复制.

** 要复制的种子**

  1. 应用中的边框RadiusTable组件导航。
  2. 试图使用键盘(Tab key)导航,以聚焦一卡.
  3. 按 Enter 或 Space。
  4. 观察无所事事。

** 预期行为**

  • 卡片应具有Tab(`tabIndex=0')的焦点。
  • 按 Enter 或 Space 应复制相应的 Tailwind 类名称。
  • 现有的鼠标点击功能应保持不变。

** 建议的固定办法实例** 时间轴 : < div 数据 键 [token.name] 在 Click QQ () QQ handle Copy (token. className ) 上) 角色="按钮" 选项卡Index {} (e) {{{} (e. key " Enter" 等 key ") handle Copy(token.className); }} className="边界-下方 bg-默认悬浮:bg-muded/50过渡-全长-200组相对的Cursor-指针外溢-隐藏-lg边界p-4悬浮:shadow-md活性:scale-[0.98]".

翻译: