Autocomplete: entering text in input field messes with Storybook shortcuts

[jeffijoe]

Provide a general summary of the issue here

Typing in the autocomplete input triggers Storybook shortcuts, whereas typing in the same component without <Autocomplete> works as expected.

See the official Autocomplete example story.

🤔 Expected Behavior?

The input shouldn't be triggering app-wide shortcuts as the user is typing in the input field.

😯 Current Behavior

When hitting a key that has an application-defined shortcut, that shortcut is triggered, as well as the key is being entered.

💁 Possible Solution

No response

🔦 Context

It makes testing in Storybook a pain.

🖥️ Steps to Reproduce

1. Open the official Autocomplete storybook.
2. Focus the input field in the autocomplete
3. Type m
4. The Storybook "measure" tool is activated.

Do the same in a regular input, and it'll work as expected.

Version

react-aria: 3.38.1, react-aria-components: 1.7.1

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[snowystinger]

You can disable storybook's shortcuts if you wish
https://storybook.js.org/docs/configure/user-interface/features-and-behavior

The issue of events leaking out is in our backlog here: https://github.com/orgs/adobe/projects/19/views/32?visibleFields=%5B%22Title%22%2C%22Assignees%22%2C%22Status%22%2C4406231%2C25365423%2C3244152%2C5195578%2C17851188%2C30557450%2C3404283%2C%22Labels%22%5D&filterQuery=leak&pane=issue&itemId=94831786

I'll leave this issue open until we work on that.