fix: delete the row which has an opened side menu if its not in selected rows

Author: m-risto

libs/block-note-angular/src/lib/components/bna-side-menu/default-buttons/drag-handle-menu/bna-drag-handle-menu.component.html

@@ -1,4 +1,5 @@
 <button
+  (click)="openDragMenu()"
   (dragend)="dragEnd()"
   [brnMenuTriggerFor]="menu"
   (dragstart)="dragStart($event)"

libs/block-note-angular/src/lib/components/bna-side-menu/default-buttons/drag-handle-menu/bna-drag-handle-menu.component.ts

@@ -41,16 +41,35 @@ import {
 export class BnaDragHandleMenuComponent implements OnChanges {
   editor = input.required<BlockNoteEditor>();
   dragMenuShown = false;
-  focusedBlock?: Block;
+  selectedBlocks: Block[] = [];
+  dragBlock?: Block;
 
   openDragMenu() {
-    console.log('Open drag menu');
+    const selection = this.editor().getSelection();
+    //Todo: create type
+    // Get the blocks in the current selection and store on the state. If
+    // the selection is empty, store the block containing the text cursor
+    // instead.
+    let selectedBlocks: Block[] = [];
+    if (selection !== undefined) {
+      selectedBlocks = selection.blocks;
+    } else {
+      selectedBlocks = [this.editor().getTextCursorPosition().block];
+    }
+    if (
+      this.dragBlock &&
+      selectedBlocks.find(
+        (selectedBlock) => this.dragBlock!.id === selectedBlock.id
+      ) === undefined
+    ) {
+      selectedBlocks = [this.dragBlock];
+    }
+    this.selectedBlocks = selectedBlocks;
+    console.log('Open drag menu', this.selectedBlocks);
     this.dragMenuShown = !this.dragMenuShown;
-    // this.editor().block;
     if (this.dragMenuShown) {
       this.editor().sideMenu.freezeMenu();
     }
-    // this.editor().removeBlocks([this.editor.name]);
   }
 
   dragStart($event: DragEvent) {
@@ -66,29 +85,13 @@ export class BnaDragHandleMenuComponent implements OnChanges {
 
   ngOnChanges() {
     this.editor().sideMenu.onUpdate((state) => {
-      if (!state.show) {
-        this.dragMenuShown = false;
-        this.focusedBlock = undefined;
-      } else {
-        this.focusedBlock = state.block;
-      }
+      this.dragBlock = state.block;
     });
   }
 
   deleteBlock() {
-    const selection = this.editor().getSelection();
-    //Todo: create type
-    let selectedBlocks = [];
-    // Get the blocks in the current selection and store on the state. If
-    // the selection is empty, store the block containing the text cursor
-    // instead.
-    if (selection !== undefined) {
-      selectedBlocks = selection.blocks;
-    } else {
-      selectedBlocks = [this.editor().getTextCursorPosition().block];
-    }
-    console.log('delete block', selectedBlocks);
-    this.editor().removeBlocks(selectedBlocks);
+    console.log('delete block', this.selectedBlocks);
+    this.editor().removeBlocks(this.selectedBlocks);
     this.editor().sideMenu.unfreezeMenu();
   }
 }