描述bug
当Addons面板足够窄，以至于一些选项卡被滚动到下拉菜单中(在右侧停靠时非常容易),这些溢出选项卡完全无法通过键盘访问。"Addons"选项卡可以切换菜单的打开/关闭状态，但无论是Tab键还是箭头都无法导航到这些展开的选项。表示此选项卡的按钮也没有关于菜单的可访问性信息，如aria-expanded或aria-haspopup,这对于屏幕阅读器用户很有用。
重现步骤
- 运行storybook
- 将插件停靠在右侧
- 缩小插件面板，使所有选项卡不能水平显示，并将一些选项卡滚动到带有“Addons (向下三角形)”标签的下方。
- 点击插件面板中的第一个选项卡
- 按Tab键导航到末尾的“Addons”选项卡
- 按Enter/空格键激活它
- 按tab键或向下箭头尝试导航菜单中的项目 - 两者都无法到达它们。
系统环境
Environment Info:
System:
OS: Windows 10 10.0.22621
CPU: (24) x64 13th Gen Intel(R) Core(TM) i7-13700F
Binaries:
Node: 20.2.0 - C:\Program Files\nodejs\node.EXE
npm: 9.6.6 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: Spartan (44.22621.1848.0), Chromium (114.0.1823.58)
3条答案
按热度按时间wz8daaqr1#
你好，@vanessayuenn。我对这个问题很感兴趣，能否将它分配给我？
92vpleto2#
我刚刚升级到Storybook 8,并验证了这个问题仍然存在。
9rnv2umw3#
我们不保留 $x^{
good first issues}$ ,但请随时开始工作并提交 PR!如果你需要任何帮助开始，请务必查看 $x^{contribution guide}$ 并跳到 $x^{Storybook Discord}$ 。期待你的贡献！✨