I have an autocomplete popup that opens when a user starts a cell with ‘#’. When the popup is open, I want to scroll the popup options when ArrowUp or ArrowDown is pressed (instead of going to the above/below cells in HOT).
I am using ev.stopImmediatePropagation() within beforeKeyDown() to achieve this. However, it doesn’t work. The popup scrolls - but, the event gets propagated and the active cell also changes.
Here is a snippet showing how ev.stopImmediatePropagation() isn’t working.
https://codesandbox.io/p/sandbox/clever-tree-pphk62?file=%2Fsrc%2Findex.js%3A34%2C25
How do you resolve this issue?
Hi @sandeep.muthangi
Can you resend the demo? It shows me ‘Sandbox not found’.
Thank you for the demo, @sandeep.muthangi
Did you consider using the ShortcutManager
? Here https://handsontable.com/docs/javascript-data-grid/custom-shortcuts/ is an example on how to use it. Here, https://handsontable.com/docs/javascript-data-grid/custom-shortcuts/#remove-a-keyboard-shortcut is the API to remove a shortcut.
Since we introduced the manager some of the operations for keys are cannot be done using the beforeKeyDown
hook.
I’ll try and keep you posted.
Thank you for the update @sandeep.muthangi
I’m closing this thread as solved.