From ada6d1670467d854697ec41333ca120da2db88e6 Mon Sep 17 00:00:00 2001 From: rspruel Date: Mon, 7 Jul 2025 12:32:18 -0400 Subject: [PATCH] Fixing screen sizing issue at certain resolutions (#144) * Updating recalculate primary display container size to ensure it is an even resolution * updaing to get parent node size including subpixel value * updating comment for clarity --- core/display.js | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/core/display.js b/core/display.js index 347ecbf5..3e38f7cd 100644 --- a/core/display.js +++ b/core/display.js @@ -263,12 +263,15 @@ export default class Display { let i = 0; + + //getting parent node size with sub-pixel precision + let parentNodeSize = this._target.parentNode.getBoundingClientRect(); //recalculate primary display container size - this._screens[i].containerHeight = this._target.parentNode.offsetHeight; - this._screens[i].containerWidth = this._target.parentNode.offsetWidth; + this._screens[i].containerHeight = Math.floor(parentNodeSize.height / 2) * 2; + this._screens[i].containerWidth = Math.floor(parentNodeSize.width / 2) * 2; this._screens[i].pixelRatio = window.devicePixelRatio; - this._screens[i].width = this._target.parentNode.offsetWidth; - this._screens[i].height = this._target.parentNode.offsetHeight; + this._screens[i].width = this._screens[i].containerWidth; + this._screens[i].height = this._screens[i].containerHeight; //calculate server-side and client-side resolution of each screen let width = max_width || this._screens[i].containerWidth;