Make it so you can still drag comment around when clicking on header …

…text
microsoft · Sep 26, 2024 · 5f488bd · 5f488bd
1 parent e5e9c98
commit 5f488bd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/pxtblocks/plugins/comments/bubble.ts b/pxtblocks/plugins/comments/bubble.ts
@@ -79,7 +79,7 @@ export abstract class Bubble implements Blockly.IDeletable {
         public readonly workspace: Blockly.WorkspaceSvg,
         protected anchor: Blockly.utils.Coordinate,
         protected ownerRect?: Blockly.utils.Rect,
-        protected headerText?: string,
+        protected readonly headerText?: string,
     ) {
         this.id = Blockly.utils.idGenerator.getNextUniqueId();
         this.svgRoot = dom.createSvgElement(
@@ -168,6 +168,15 @@ export abstract class Bubble implements Blockly.IDeletable {
             this.onMouseDown,
         );
 
+        if (this.header) {
+            Blockly.browserEvents.conditionalBind(
+                this.header,
+                'pointerdown',
+                this,
+                this.onMouseDown,
+            );
+        }
+
         Blockly.browserEvents.conditionalBind(
             this.collapseIcon,
             'pointerdown',
@@ -761,5 +770,6 @@ Blockly.Css.register(`
 
 .blocklyText.bubbleHeaderText {
     font-weight: bold;
+    cursor: grab;
 }
 `);
diff --git a/pxtblocks/plugins/comments/textinput_bubble.ts b/pxtblocks/plugins/comments/textinput_bubble.ts
@@ -68,7 +68,7 @@ export class TextInputBubble extends Bubble {
         protected ownerRect?: Blockly.utils.Rect,
         protected readonly readOnly?: boolean,
         protected readonly additionalClasses?: string[],
-        protected headerText?: string,
+        protected readonly headerText?: string,
     ) {
         super(workspace, anchor, ownerRect, headerText);
         dom.addClass(this.svgRoot, 'blocklyTextInputBubble');