portal/app/resources/js/composables/useOverlayDismiss.ts

import { ref } from 'vue';

/**
 * Закрытие модалки по клику на подложку — но НЕ при выделении текста.
 *
 * Проблема: если начать выделять текст ВНУТРИ окна и отпустить кнопку мыши на
 * подложке, обычный `@click.self` считает это кликом по подложке и закрывает окно.
 *
 * Решение: закрываем только если И mousedown, И mouseup случились на самой
 * подложке (target === currentTarget). При выделении mousedown стартует внутри
 * окна, поэтому флаг не взводится и окно не закрывается.
 */
export function useOverlayDismiss() {
    const downOnSelf = ref(false);

    function onOverlayMousedown(e: MouseEvent) {
        downOnSelf.value = e.target === e.currentTarget;
    }

    function onOverlayMouseup(e: MouseEvent, close: () => void) {
        if (downOnSelf.value && e.target === e.currentTarget) {
            close();
        }
        downOnSelf.value = false;
    }

    return { onOverlayMousedown, onOverlayMouseup };
}