Prevent default behaviour of closing dropdown menu on pressing ctrl+enter #1645
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.
{...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();
},
})}