Picture click is always happening outside the picture

Guys ,

click is happening left of the icon and not on the icon or to the right of icon.
but if we give background color , its coming fine .

my piece of code is like this

            { stretch: go.GraphObject.Horizontal },
            $(go.Picture, {
              width: 28,
              height: 28,
              column: 2,
              source: `img/up.svg`,
              // desiredSize: new go.Size(30, 30),
              click: changeCategory,
              margin: new go.Margin(66, 10, 2, 230),
              // alignment: go.Spot.RightCenter,
              // stretch: go.GraphObject.Horizontal,

but click is not happening on icon , its happening left of icon , say 2,3 px left to icon?

Am i missing something ?


My guess is that the image doesn’t have the dimensions that you think it has.
Try temporarily setting background: "lime" on your Picture, so you can see how big it is. I notice that the margin is huge, particularly towards the left and top sides, so that probably explains what you are seeing.