search

ericabouaf / wireit

A javascript wiring library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling.
http://neyric.github.io/wireit/docs/
Other
520 stars 90 forks source link

Other UI elements offset wires from their containers #86

Open benbarclay opened 12 years ago

benbarclay commented 12 years ago

When other user interface elements are used alongside the WireIt 3 canvas, the wires are vertically/horizontally displaced from the containers by the width/height of the user interface elements.

This is visible in example 5 on the WireIt homepage - the application, when you drag out two containers and attempt to wire between them.

It appears that either the wires or the containers are calculated from 0,0 of the page, not the canvas, which is causing the displacement to occur.

Tested under Chrome 20.0.1132.47 m

benbarclay commented 12 years ago

Experimenting with this a little more, I can see that the containers are drawing their XY co-ordinates from the top-left corner of the page, whilst the wires are drawn from the top-left corner of the contentBox.

When there are elements on the page that move the contentBox away from the top-left corner of the page, the two co-ordinate systems no longer line up.

ivebeenlinuxed commented 11 years ago

I am experiencing this same problem too. All demos are broken in Chrome 21.

Kotrotsos commented 11 years ago

Same issue in Firefox (any) Any fix for this?

Example: https://www.evernote.com/shard/s250/sh/14cea105-4b9c-4455-982b-7e14b5b77afd/eb0270939831079644037872d68254a5