When using meta, it is simply impossible to get onKeyUp events. This only happens on Mac and is related to event handling at the browser or OS level. Currently, no browser supports this feature.

Related Chromium issue: issues.chromium.org/issues/40880986

You can create an artificial keyup event by waiting a certain amount of time after the last keydown event. The only caveat is that different people will have different repeat rates in their operating systems.

@whiteyebrw I see, thank you for the quick reply and suggestions!

Looks like there’s nothing we can do about it :(

Hi,

As far as I can see keyup events are received, what am I missing?

addEventListener("keyup", (event) => { console.log(event.type, event.code)})

https://w3c.github.io/uievents/tools/key-event-viewer.html

Hi @laygir,

You have to hold meta later, like hold 'a' after releasing 'a' and you won't see the event 'keyup' for 'a'.

Hi @whiteyebrw

Thank you for the detail! I see the issue now.

I came here because I wanted to use shift+meta+s to toggle a sidebar, repeatedly, but when using that combination with useMagicKeys, I have to release all the keys and press again to toggle the sidebar.

I ended up doing the following, which works as I expected, for instance holding meta and shift and only releasing and pressing s does toggle the sidebar. This is my first time trying useMagicKeys, and I am not sure if I missed something to make this work, I'm not interested in keyup in this case..

const handleSideBarToggleKeyPress = (event) => {
  if (event.code === 'KeyS' && event.metaKey && event.shiftKey) {
    event.preventDefault();

    isSideBarOpen.value = !isSideBarOpen.value;
  }
};

onMounted(() => {
  document.addEventListener('keydown', handleSideBarToggleKeyPress);
});

onUnmounted(() => {
  document.removeEventListener('keydown', handleSideBarToggleKeyPress);
});

(Sorry for hijacking the issue with my specific use case)