title: Shift port of a row outside Panel in GoJs
body: <p>Suppose this example: <a href="https://gojs.net/latest/samples/records.html" rel="nofollow noreferrer">https://gojs.net/latest/samples/records.html</a>
  <a href="https://i.stack.imgur.com/Plr5j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Plr5j.png" alt="enter image description here" /></a></p>
  <p>I'm trying to represent the ports of the table rows by a circle, while still being able to drag the link from the whole row.<br />
  Something like this:<br />
  <a href="https://i.stack.imgur.com/T1nKr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T1nKr.png" alt="enter image description here" /></a></p>
  <p>But I keep getting this result when I try to move the ports to the right (it gets clipped by the panel)
  <a href="https://i.stack.imgur.com/dwOmT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dwOmT.png" alt="enter image description here" /></a></p>
  <p>Any help would be appreciated,<br />
  Thank you!</p>