Cursor not updating when hovering on Shape

@turnert wrote:

I have an issue with my resizeAdornmentTemplate. I’m overriding it in order to only provide resize handles on the right and left center of my node:

template.resizeAdornmentTemplate = this.$go(go.Adornment, "Spot",
            this.$go(go.Placeholder),
            this.$go(go.Shape, 
                {
                    figure: 'Rectangle',
                    alignment: go.Spot.Left,
                    alignmentFocus: go.Spot.Center,
                    width: 10,
                    fill: "lightblue",
                    stroke: "dodgerblue",
                    cursor: "col-resize"
                },
                new go.Binding('height', 'height', (height: number) => (height / 2) - this.config.overlapH-1),
                new go.Binding('width', 'height', (height: number) => (height / 2) - this.config.overlapH-1)
            ),
            this.$go(go.Shape,
                {
                    figure: 'Rectangle',
                    alignment: go.Spot.Right,
                    alignmentFocus: go.Spot.Center,
                    width: 10,
                    fill: "lightblue",
                    stroke: "dodgerblue",
                    cursor: "col-resize"
                },
                new go.Binding('height', 'height', (height: number) => (height / 2) - this.config.overlapH-1),
                new go.Binding('width', 'height', (height: number) => (height / 2) - this.config.overlapH-1)
            )
        );

As you can see, I set the cursor to col-resize for both shapes and would expect it to change when I hover over the resize handles, however, the cursor never changes.

(Obviously you cannot see the cursor in this screenshot, but you can see the resize handles)

Am I doing something incorrectly?

Thanks!

Posts: 6

Participants: 2

Read full topic