ONLYOFFICE DocumentServer中Chrome 128版本CSS缩放属性标准化导致的坐标计算问题

问题背景

近期Chrome浏览器更新至128版本后，ONLYOFFICE DocumentServer用户反馈在表格和文本编辑器中出现选区错位的问题。这一问题主要出现在Windows Server环境下运行的最新版本DocumentServer中，当浏览器缩放比例设置为80%时尤为明显。

技术分析

Chrome 128版本对CSS的zoom属性进行了标准化处理，这一变更影响了ONLYOFFICE中坐标计算的核心逻辑。在DocumentServer的实现中，_getCoordinates方法依赖浏览器提供的坐标信息进行选区定位，而Chrome 128的标准化处理导致该方法返回了错误的坐标结果。

具体表现为：

1. 在表格编辑器中，用户选中的单元格与实际高亮显示的单元格位置不一致
2. 在文本编辑器中，文本选区与光标位置出现偏差
3. 问题在屏幕缩放125%同时浏览器缩放110%的组合情况下尤为明显

影响范围

该问题主要影响基于Chromium内核的浏览器（包括Chrome、Edge等），且仅在Chrome 127及以上版本中出现。这表明问题与Chrome 128引入的CSS zoom属性标准化直接相关。

临时解决方案

在官方修复发布前，开发者可以尝试以下临时解决方案：

function getZoomLevel() {
    return Math.round((window.outerWidth / window.innerWidth) * 100);
}

function calculateRatio(zoomLevel, b = 100) {
    return (b * b) / zoomLevel;
}

const userAgent = navigator.userAgent;
const chromeVersion = userAgent.match(/Chrom(?:e|ium)\/([0-9]+)\./);

window.addEventListener('resize', () => {
    if (chromeVersion && parseInt(chromeVersion[1]) >= 127) {
        const x = calculateRatio(getZoomLevel());
        const searchString = "documenteditor";
        const iframes = document.querySelectorAll('iframe');
        
        Array.from(iframes)
            .filter(iframe => iframe.src.includes(searchString))
            .forEach(iframe => {
                iframe.style.zoom = x + '%';
            });
    }
});

// 初始化时触发一次
window.dispatchEvent(new Event('resize'));

官方修复方案

ONLYOFFICE开发团队已确认该问题（内部编号69884），并在sdkjs项目中提交了两个关键修复：

1. 修正了坐标计算逻辑，使其兼容Chrome 128的CSS zoom属性标准化
2. 优化了选区渲染机制，确保在不同缩放比例下都能正确定位

这些修复将包含在即将发布的8.1.3版本中。用户升级到该版本后，无需任何额外配置即可解决此问题。

总结

浏览器引擎的更新有时会带来意料之外的兼容性问题。ONLYOFFICE团队快速响应并修复了Chrome 128更新导致的选区错位问题，展现了良好的维护能力。建议用户关注版本更新，及时升级到8.1.3或更高版本以获得最佳体验。