Unable to select a line when the weight is set to 1pt

GoJS
1

After creating a line and changing the weight to be 1-pt, it is near impossible to re-select the line object. If the line is in a horizontal position there is an area on the left end of the line that is about a 1/4 inch by a 1/4 inch that is select-able. If you rotate the line, the area is gone. Sometimes if you are lucky you can click on the line and it becomes selected. The select-able area for a line of 1-pt weight is too small and unusable.

Is there a way to make the select-able area larger?

2

A common way to do this is by adding a sibling Shape that is transparent. In the Flowchart sample, you’ll notice that the links have some highlighting and a selectable area larger than the link itself. This is because the link template is defined with two shapes, one with a large, transparent strokeWidth:

...
$(go.Shape,  // the highlight shape, normally transparent
  { isPanelMain: true, strokeWidth: 8, stroke: "transparent", name: "HIGHLIGHT" }),
$(go.Shape,  // the link path shape
  { isPanelMain: true, stroke: "gray", strokeWidth: 2 }),
...

You could do something similar with your object.