mirror/rio
1
0
Fork 0
mirror of https://github.com/rio-labs/rio.git synced 2026-01-06 05:09:43 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix incorrect usages of getBoundingClientRect

Browse Source
This commit is contained in:
Aran-Fey
2024-11-13 10:43:43 +01:00
parent 5a175c21f0
commit 393750e20d
13 changed files with 116 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/code/components/plot.ts
View File

@@ -1,5 +1,6 @@
import { fillToCss } from "../cssUtils";
import { AnyFill } from "../dataModels";
import { getAllocatedHeightInPx, getAllocatedWidthInPx } from "../utils";
import { ComponentBase, ComponentState } from "./componentBase";
type PlotlyType = any;
@@ -142,11 +143,9 @@ class PlotlyManager implements PlotManager {
// Plotly is too stupid to layout itself. Help out.
this.resizeObserver = new ResizeObserver(() => {
// Inform plotly of the new size
let layout = this.element.getBoundingClientRect();
Plotly.relayout(this.plotDiv, {
width: layout.width,
height: layout.height,
width: getAllocatedWidthInPx(this.element),
height: getAllocatedHeightInPx(this.element),
});
});
this.resizeObserver.observe(this.element);