@bitrix24/b24ui-nuxt/dist/runtime/composables/useBlurOnOpen.js

Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE

import { watch, toValue } from "vue";
function blurActiveElement() {
  if (!import.meta.client) return;
  const active = document.activeElement;
  if (active && active !== document.body) active.blur();
}
export function useBlurOnOpen(open, emits) {
  watch(() => toValue(open), (val) => {
    if (val) blurActiveElement();
  }, { flush: "sync" });
  return ((event, ...args) => {
    if (event === "update:open" && args[0] === true) blurActiveElement();
    return emits(event, ...args);
  });
}