La posición de la ventana devuelta por las APIs de chrome.windows para la extensión de Chrome está descentrada (aproximadamente por unos 8px).

Estoy teniendo problemas para determinar en qué monitor físico está una ventana de Chrome. Esta es mi solución actual:

// Esto es solo para un alias más corto
type ChrDispInfo = chrome.system.display.DisplayInfo;

private async getActiveMonitorAsync(monitors: ChrDispInfo[]) {
    const currWin = await chrome.windows.getCurrent();

for (let monitor of monitors) {
    const a = monitor.workArea;

    if (currWin.left >= a.left && currWin.left <= a.left + a.width &&
        currWin.top >= a.top && currWin.top <= a.top + a.height) {
        return monitor;
    }
}

return monitors.find(q => q.isPrimary) || monitors[0];
}

Sin embargo, noto que no siempre funciona, especialmente cuando una ventana está maximizada o cuando la muevo manualmente cerca del borde superior izquierdo. El valor está desplazado aproximadamente en 8 píxeles. Por ejemplo, esto es cuando lo coloco en un monitor de 1080×1920 a la izquierda del monitor principal:

Valor de [currWin.left, currWin.top, currWin.width, currWin.height]:
[-1088, -460, 1096, 1888]

Valor de monitor.workArea:
{height: 1872, left: -1080, top: -452, width: 1080}

Como puedes ver, el valor está “desplazado” aproximadamente en 8 píxeles. Supongo que esto se debe al borde de la ventana. Estoy utilizando Windows 11 Pro.

¿Es poner un desplazamiento de 8 píxeles una buena solución? ¿Es el valor diferente en diferentes sistemas operativos? ¿Hay alguna solución buena en general?

Actualización: Me parece interesante que luego el número se incluya en width y height. Por ejemplo, si quiero establecer el tamaño de una ventana en un valor determinado, tengo que poner el desplazamiento para width y height dos veces:

const BorderSize = 8;

async updateWinAsync(window: ChrWin, monArea: chrome.system.display.Bounds, winSetting: Rect) {
    await chrome.windows.update(window.id, {
        left: winSetting[0] * monArea.width + monArea.left - BorderSize,
        top: winSetting[1] * monArea.height + monArea.top - BorderSize,
        width: winSetting[2] * monArea.width + BorderSize * 2,
        height: winSetting[3] * monArea.height + BorderSize * 2,
        state: "normal",
    });
}