ENG-1788 Fix canvas embed autocomplete mouse selection (#1068)

Author: sid597

apps/roam/src/components/canvas/CanvasEmbedDialog.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { Dialog } from "@blueprintjs/core";
+import { Dialog, MenuItem } from "@blueprintjs/core";
 import AutocompleteInput from "roamjs-components/components/AutocompleteInput";
 import renderOverlay, {
   RoamOverlayProps,
@@ -47,6 +47,15 @@ const CanvasEmbedDialog = ({
         placeholder="Search canvas pages..."
         autoFocus
         autoSelectFirstOption={false}
+        renderItem={({ item }) => (
+          <MenuItem
+            onMouseDown={(event) => {
+              event.preventDefault();
+              handleSetValue(item);
+            }}
+            text={item}
+          />
+        )}
       />
     );
   };

apps/roam/src/utils/registerSlashCommands.ts

@@ -32,7 +32,7 @@ const SLASH_COMMANDS: {
           void updateBlock({
             uid,
             text: `{{dg-canvas: [[${title}]]}}`,
-          });
+          }).then(() => document.body.click());
         },
       });
     },