make actual canvas dimension depend on the simulation. TODO: works on…

…y on load

src/components/ide/Simulator/simulation/Simulation.js

@@ -182,13 +182,19 @@ export default class Simulation {
   mount(canvas: HTMLCanvasElement) {
     this.unmount();
 
+    const dimension = {};
+    if (this.bounds !== null) {
+      dimension.width = this.bounds.max.x - this.bounds.min.x;
+      dimension.height = this.bounds.max.y - this.bounds.min.y;
+    }
+
     // TODO creating a Render instance with a running Engine will error,
     // as the Engine's internal state is recursive.
     // mount() can therefore not be called after initially starting the simulation
     this.render = Matter.Render.create({
       canvas,
       engine: this.engine,
-      options: { width: 600, height: 400, wireframes: false, background: '#eeeeee' },
+      options: { ...dimension, wireframes: false, background: '#eeeeee' },
     });
     if (this.bounds !== null) Matter.Render.lookAt(this.render, this.bounds);
   }