Shift port of a row outside Panel in GoJs

Suppose this example: https://gojs.net/latest/samples/records.html
enter image description here

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.
Something like this:
enter image description here

But I keep getting this result when I try to move the ports to the right (it gets clipped by the panel)
enter image description here

Any help would be appreciated,
Thank you!