storybook Angular中的内联故事与按键绑定冲突

tuwxkamq  于 2个月前  发布在  Angular
关注(0)|答案(4)|浏览(27)

描述bug

当我的组件在元素接收到 keypress 时调用一个方法时,例如 <button (keypress)='foo($event)'> 。当启用内联故事时,某些键的按键事件不会触发。空格键可以正常工作,但回车/换行键不行。如果我禁用内联故事并回到 iframes 中,一切按预期工作。
注意:由于 #14193 ,我仍然被锁定在 6.2.0-rc.7 版本。

系统信息

系统:
操作系统:macOS 10.15.7
CPU:(12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
二进制文件:
Node: 14.16.0 - ~/.nvm/versions/node/v14.16.0/bin/node
npm: 7.7.6 - ~/.../node_modules/.bin/npm
浏览器:
Chrome: 89.0.4389.128
Edge: 90.0.818.42
Firefox: 87.0
Safari: 14.0.3
npm包:
@storybook/addon-a11y: 6.2.0-rc.7 => 6.2.0-rc.7
@storybook/addon-backgrounds: 6.2.0-rc.7 => 6.2.0-rc.7
@storybook/addon-docs: 6.2.0-rc.7 => 6.2.0-rc.7
@storybook/addon-postcss: ^2.0.0 => 2.0.0
@storybook/addon-viewport: 6.2.0-rc.7 => 6.2.0-rc.7
@storybook/addons: 6.2.0-rc.7 => 6.2.0-rc.7
@storybook/angular: 6.2.0-rc.7 => 6.2.0-rc.7
@storybook/theming: 6.2.0-rc.7 => 6.2.0-rc.7

8ulbf1ek

8ulbf1ek1#

我也遇到了这个问题,但我没有使用内联故事。相反,我特别在页面上的控件是json控件,其中包含数组元素时遇到这个问题。
我也在使用React版本的故事书,而不是Angular。可能是两个问题,但由于是按Enter键触发的,似乎相关。
换句话说,当我有这样的控件时,它可以捕获Enter键:

但是当我添加了一个元素后,Enter键就不起作用了。

5hcedyr0

5hcedyr02#

你好,@bmayen 和 @marti6jm,
你们找到了这个问题的解决方案吗?
谢谢。

xcitsw88

xcitsw883#

请尝试升级到最新预发布版本。那里是否仍然存在问题?
迁移指南: https://storybook.js.org/migration-guides/7.0

ql3eal8s

ql3eal8s4#

你好@shilman,是的,我在最后一个RC上。

相关问题