useActiveElement() not working

[imvimol]

Describe the bug

I am creating the shortcut using useMagicKeys() and useActiveElement() from vueuse;

const activeElement = useActiveElement();
const notUsingInput = computed(
() =>
activeElement.value?.tagName !== 'INPUT' &&
activeElement.value?.tagName !== 'TEXTAREA',
);
const keys = useMagicKeys();
const questionMarkPressed = keys['?'];
whenever(logicAnd(questionMarkPressed, notUsingInput), () => {
console.log("This is ? press outside the textarea");
});

i'm trying to use this logic to create shortcut of " ? " when we press " ? " outside the textarea something like that. But It doesn't seem work for me using this logic. Can someone help me ?

Reproduction

useMagicKeys() and useActiveElement()

System Info

useMagicKeys() and useActiveElement()

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[jaketig]

This should be fixed now via #3815.

Here's a working example sample:

https://stackblitz.com/edit/vitejs-vite-qhfqvb?file=src%2FApp.vue