diff --git a/plugins/content-highlight/package.json b/plugins/content-highlight/package.json index a88b6d58a..f77261056 100644 --- a/plugins/content-highlight/package.json +++ b/plugins/content-highlight/package.json @@ -48,7 +48,7 @@ "typescript": "^5.4.5" }, "peerDependencies": { - "blockly": "^11.0.0" + "blockly": "^11.2.0" }, "publishConfig": { "access": "public", diff --git a/plugins/content-highlight/src/index.ts b/plugins/content-highlight/src/index.ts index 4ec5a2d23..10d091d10 100644 --- a/plugins/content-highlight/src/index.ts +++ b/plugins/content-highlight/src/index.ts @@ -18,6 +18,7 @@ const contentChangeEvents = [ Blockly.Events.BLOCK_MOVE, Blockly.Events.BLOCK_DELETE, Blockly.Events.COMMENT_MOVE, + Blockly.Events.COMMENT_RESIZE, Blockly.Events.COMMENT_CREATE, Blockly.Events.COMMENT_DELETE, ]; @@ -184,7 +185,7 @@ export class ContentHighlight { private onChange(event: Blockly.Events.Abstract) { if (event.type === Blockly.Events.THEME_CHANGE) { this.applyColor(); - } else if (contentChangeEvents.indexOf(event.type) !== -1) { + } else if ((contentChangeEvents as string[]).indexOf(event.type) !== -1) { const metricsManager = this.workspace.getMetricsManager(); if (event.type !== Blockly.Events.VIEWPORT_CHANGE) { // The content metrics change when it's not a viewport change event. @@ -196,7 +197,9 @@ export class ContentHighlight { this.position(this.cachedContentMetrics, absoluteMetrics); } } else if (event.type === Blockly.Events.BLOCK_DRAG) { - this.handleBlockDrag(event as Blockly.Events.BlockDrag); + this.handleDragEvent(event as Blockly.Events.BlockDrag); + } else if (event.type === Blockly.Events.COMMENT_DRAG) { + this.handleDragEvent(event as Blockly.Events.CommentDrag); } else if (event.type === Blockly.Events.BLOCK_CHANGE) { // Resizes the content highlight when it is a block change event const metricsManager = this.workspace.getMetricsManager(); @@ -211,7 +214,9 @@ export class ContentHighlight { * * @param event The BlockDrag event. */ - private handleBlockDrag(event: Blockly.Events.BlockDrag) { + private handleDragEvent( + event: Blockly.Events.BlockDrag | Blockly.Events.CommentDrag, + ) { const opacity = event.isStart ? '0' : '1'; this.svgGroup?.setAttribute('opacity', opacity); }