connections and drag/drop broken on import

[ecielam]

I'm embedding Drawflow in a Rails 7 app using tailwindcss.

I'm using the base css/javascript and a theme from the theme builder. The only thing I had to change was add a min-height/min-width setting to #drawflow for it to even show up.

I import the same data from the demo, but I'm running into the following problems:

• Connections appear in the center-top of the canvas
• Connections can't be dragged/created, they give the following error: Error: <path> attribute d: Expected number, "…6.8999938964844 NaN 610 NaN". ... triggered from drawflow.js:692
• If I drag nodes around, I can only drag left/right, I can't drag up/down.

[ecielam]

Stripping everything down to complete bare bones, I had to add the following to the #drawflow selector:

  position: relative;
  text-align:initial;
  width: 100%;
  height: 800px;