Skip to content

Commit 1ff1b7d

Browse files
Change window's resize event listener to a ResizeObserver
Unlike window's resize event listener, ResizeObserver is fired when the container is added to the document and thus its size changes.
1 parent 961b26a commit 1ff1b7d

File tree

2 files changed

+5
-3
lines changed

2 files changed

+5
-3
lines changed

docs/build.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/graphics3d.js

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -526,13 +526,15 @@ export default function (
526526
container.addEventListener('mouseup', onMouseUp);
527527
container.addEventListener('touchend', onMouseUp);
528528

529-
window.addEventListener('resize', () => {
529+
new ResizeObserver(() => {
530530
const { width, height } = getComputedStyle(container);
531531

532532
renderer.setSize(parseInt(width), parseInt(height));
533533

534+
render();
535+
534536
positionTickNumbers(hasAxes, tickNumbers, ticks, camera, container);
535-
});
537+
}).observe(container);
536538

537539
updateCameraPosition();
538540
scaleInView();

0 commit comments

Comments
 (0)