Black dots on the bpmn-modeler

Hi, I just integrated bpmn-viewer in a webapp and it worked fine. Now I’m trying to do the same with bpmn-modeler and I am getting this weird behaviour.

When I move my mouse over any of the connectors, it shows those big black dots and they stay there when I move my mouse out. But initially, the diagram is displayed correctly.

Anyone has experienced that before? Anyone has any clue of what might be causing it?

If anyone need to see my code just ask for it.

Hi, please have a look in this modeler example.

Make sure you have included stylesheets, as can be seen here.

Hope this helps.


It was the stylesheets, I didn’t include them correcty. Thank you so much for your help!

I am facing the same issue.
The link at 'here ’ leads to non existing page.
Can you please provide me valid source?

Hi Diana,

The link is still valid, here is the relevant HTML snippet from the link mentioned before:

  <title>bpmn-js modeler demo</title>

  <link rel="stylesheet" href="vendor/bpmn-js/assets/diagram-js.css" />
  <link rel="stylesheet" href="vendor/bpmn-js/assets/bpmn-font/css/bpmn-embedded.css" />
  <link rel="stylesheet" href="css/app.css" />
1 Like

Hi Vladimir,

Oooops, my mistake,
Thanks a lot