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

Author: RashmiRamdasCreated Apr 15, 2025Updated Jun 2, 2025

Labelsquestion

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.

javascript

            {...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();
                },
            })}

Source: downshift-js/downshift

View original on GitHub View discussion on GitHub