描述bug
Alt + Left 键盘快捷键的运行效果并不理想。它会跳转到上一个故事,但立即切换回当前的故事。同时,它还与浏览器本身产生了冲突,因为浏览器也使用相同的快捷键进行向后导航。
这个问题之前已经提交为 issue #8759 ,但没有得到任何解决。
重现步骤
重现该行为所需的步骤:
- 按住 Alt + Left 并观察奇怪现象。
预期行为
Storybook 应该导航到上一个故事。
系统
Environment Info:
System:
OS: Windows 10 10.0.19041
CPU: (4) x64 Intel(R) Core(TM) i7-6600U CPU @ 2.60GHz
Binaries:
Node: 12.16.1 - C:\Program Files\Node.js\node.EXE
Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 6.13.4 - C:\Program Files\Node.js\npm.CMD
Browsers:
Chrome: 86.0.4240.75
Edge: Spartan (44.19041.423.0), Chromium (86.0.622.38)
npmPackages:
@storybook/addon-actions: 6.0.26 => 6.0.26
@storybook/addon-knobs: 6.0.26 => 6.0.26
@storybook/addons: 6.0.26 => 6.0.26
@storybook/core: 6.0.26 => 6.0.26
@storybook/react: 6.0.26 => 6.0.26
@storybook/theming: 6.0.26 => 6.0.26
8条答案
按热度按时间3j86kqsm1#
这个对我在6.1-alpha上工作得很好。你能在你机器/浏览器上验证吗?
$x_{1e0f1}^{x}$
rqqzpn5f2#
不,这绝对仍然是一个问题。我可以在你自己的故事书部署中重现这个问题:
https://next--storybookjs.netlify.app/official-storybook/
点击几个故事,然后使用Alt + Left和Alt + Right尝试导航。你应该很容易遇到这种不良行为。我可以通过加载页面、打开一个故事组、点击最后一个故事,然后尝试使用Alt + Left来导航来重现这个问题。
kh212irz3#
这是一个屏幕录制:
在视频中,我首先使用Alt + Right来向前导航,这是没问题的,但然后你可以看到当我尝试使用Alt + Left返回时发生了什么。应用程序“抗拒”我并试图向前进入当前故事。
o8x7eapl4#
你正在使用什么浏览器?这种情况在所有浏览器中都发生过吗?在你展示的具体复现中,已经选择了辅助功能选项卡(根据那些A11y故事)。你能在同一个故事书中的其他故事中复现选择不同选项卡的情况吗?我问这个问题是因为A11y插件在每次渲染时都会对DOM进行检查,这可能会降低应用程序的响应速度。我通常无法复现这个问题。
ukdjmx9f5#
在Windows 10上的Chrome 86中经常发生这种情况,但在macOS上的同一浏览器中不会出现。这可能是一个操作系统特定的问题?其他(过时的)线程中的评论提到,Storybook的键盘快捷键与浏览器中已经使用的快捷键冲突。
我可以在我的项目自己的Storybook部署中重现这个问题,所以我认为它与您的a11y故事无关。
6yjfywim6#
感谢您的澄清,@kaiyoma。@ghengeveld@tooppaaa,您是否可以将其作为侧边栏工作的一部分进行调查?
bq8i3lrv7#
很可能是一个仅适用于Windows的问题。我们可能应该在Windows上使用不同的键盘快捷键。@kaiyoma 有什么建议吗?我几乎从不使用Windows,所以我不知道那里有什么合理的建议。
of1yzvn48#
这个快捷键在Linux上的Firefox中也会影响历史记录。