Angular with inline stories interferes with keypress binding

[bmayen]

Describe the bug
I have components that call a method when an element receives a keypress. For instance, <button (keypress)='foo($event)'>. When enabling inline stories, the keypress event doesn't trigger for certain keys. Spacebar works, but Enter/Return doesn't. If I disable inline stories and go back to iframes, everything works as expected.

Note: I am still pinned to 6.2.0-rc.7 due to #14193

System
System:
OS: macOS 10.15.7
CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
Binaries:
Node: 14.16.0 - ~/.nvm/versions/node/v14.16.0/bin/node
npm: 7.7.6 - ~/.../node_modules/.bin/npm
Browsers:
Chrome: 89.0.4389.128
Edge: 90.0.818.42
Firefox: 87.0
Safari: 14.0.3
npmPackages:
@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

[marti6jm]

I'm also experiencing this bug but I am not using inline stories - instead I am specifically experiencing this when a control on the page is a json control, with array elements in it.

I'm also in the react version of storybook, rather than angular. Could be two issues, but it being a keypress on enter, seems related.

In other words when I had the control like this, it captured the enter key fine:

But when I added an element, the enter key stopped working.

[jcolladosp]

Hi @bmayen and @marti6jm,
did you find any solution for this?

Thanks

[shilman]

Please try upgrading to the latest prerelease. Is it still broken there?

Migration guide: https://storybook.js.org/migration-guides/7.0

[jcolladosp]

Hi @shilman , yes, Im on last RC