downshift-js / downshift-js/downshift

Prevent default behaviour of closing dropdown menu on pressing ctrl+enter

Open
#1,645 1 comment 0 reactions 0 assignees View on GitHub
question
Dominant language
JavaScript
Stars
12.3k
Forks
936
PR merge metrics
No merged PRs in 30d

Description

Hi, I need to prevent a dropdown menu from closing when Ctrl+Enter is pressed while a dropdown item is focused. However, the menu should close when Enter is pressed, which is working as expected. Can someone provide some input on this?

I tried something like this, passing onKeyDown to getItemProps. But, onKeyDown is not getting triggered at all.
```js
{...getItemProps({
key: item.value && item.value.toString(),
item,
index,
onKeyDown: (e) => {
console.log("press on item")
if(e.ctrlKey || (e.ctrlKey && e.key === "Enter")) {
e.nativeEvent.stopImmediatePropagation();
}
},
onClick: (e) => {
e.nativeEvent.stopImmediatePropagation();
},
})}
```

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.