adobe / adobe/react-spectrum

Autocomplete: entering text in input field messes with Storybook shortcuts

Open
#7,958 5 comments 2 reactions 0 assignees View on GitHub
enhancement has workaround
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

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

See the [official Autocomplete example story](https://react-spectrum.adobe.com/react-aria-starter/index.html?path=/story/autocomplete--example).

### 🤔 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](https://react-spectrum.adobe.com/react-aria-starter/index.html?path=/story/autocomplete--example).
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_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.