#23 new
jon (at osmosoft)

Wrapping a layer with a div with margin:auto messes up the display of wires when you're dragging them

Reported by jon (at osmosoft) | July 17th, 2009 @ 07:49 PM

<div id="wrapper">
   <div id="layer">

#wrapper { margin:auto; width:800px; }

var layer = document.getElementById('layer');
new WireIt.Layer({parentEl:layer});

The above wraps the layer in a div that centres everything. You will note that if you try to drag a wire around, the end of the wire is not connected to your mouse cursor but is displaced by the same distance as the wrapper is moved from the side of the screen.

Comments and changes to this ticket

  • jgoeth

    jgoeth July 28th, 2009 @ 12:34 PM

    I'm facing exactly the above problem.

    I'm desperatly looking for a workaround. Is there a solution for it?


  • eric.abouaf (at gmail)

    eric.abouaf (at gmail) August 10th, 2009 @ 03:14 PM


    Ths solution would be to position the editing wire in the layer element.

    This is handled by WireIt.TerminalProxy (in Terminal.js)

    I'll have a look at it later...

    By the way, I'm moving the issue tracker on github (they have one now....)


Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling.

The issue tracker has moved to GitHub: