Question

Views

The problem is: ResizeObserver loop limit exceeded appearing at the browser as a notification dialog.

The steps are:

Using vaadin and creating a component for vis-js. Importing the vis-network any way you want, doesn't affect. Right now, my code has UI.getCurrent().getPage().addJavaScript("https://unpkg.com/vis-network/standalone/umd/vis-network.js"); but I've also used @JsModule and @JavaScript before.
Adding that component to a View.
Running a Js to create a simple graph (copy-pasted from vis-js examples page). No matter at which point in the lifecycle this is called.

The project setup is:

I'm gonna answer my own question. I wished to put here to help others and my future self.

about 4 years ago · Santiago Trujillo

Answer question

Accepted Answer · 2022-07-06T14:55:20.181Z

After endless hours, the solution here was to set a style for the container informing the size of the container, for example:

div.getStyle().set("width", "600px").set("height", "400px");

or via css

      #mynetwork {
        width: 600px;
        height: 400px;
      }

where that div is the one you passed to:

...
var container = document.getElementById("mynetwork");
var network = new vis.Network(container, data, options);