Use bounding client rect width and height

microsoft · Jan 6, 2025 · 03fc1f4 · 03fc1f4
1 parent 356c9d3
commit 03fc1f4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/System Application/App/ControlAddIns/Resources/BusinessChart/js/BusinessChartAddIn.js b/src/System Application/App/ControlAddIns/Resources/BusinessChart/js/BusinessChartAddIn.js
@@ -18,8 +18,8 @@ var BEFORE_CHART_FORMAT_TEMPLATE =
 // Note: This function is called by the manifest after loading the control add-in.
 function Initialize() {
   window.addEventListener('resize', function () {
-    var width = window.document.documentElement.clientWidth;
-    var height = window.document.documentElement.clientHeight;
+    var width = window.document.documentElement.getBoundingClientRect().width;
+    var height = window.document.documentElement.getBoundingClientRect().height;
 
     onChartSizeChanged(width, height);
   });

diff --git a/src/System Application/App/Resources/BusinessChart/js/BusinessChartAddIn.js b/src/System Application/App/Resources/BusinessChart/js/BusinessChartAddIn.js
@@ -18,8 +18,8 @@ var BEFORE_CHART_FORMAT_TEMPLATE =
 // Note: This function is called by the manifest after loading the control add-in.
 function Initialize() {
   window.addEventListener('resize', function () {
-    var width = window.document.documentElement.clientWidth;
-    var height = window.document.documentElement.clientHeight;
+    var width = window.document.documentElement.getBoundingClientRect().width;
+    var height = window.document.documentElement.getBoundingClientRect().height;
 
     onChartSizeChanged(width, height);
   });
@@ -414,7 +414,7 @@ function createChart(chartData) {
   });
 
   var width = chart.container.getBoundingClientRect().width;
-  var height = chart.container.getBoundingClientRect()
+  var height = chart.container.getBoundingClientRect().height;
 
   // Update the size-dependent properties
   if (width > 0 && height > 0) {