Don't drag for ephemeral blocks

frontend/app/block/blockframe.tsx

@@ -180,7 +180,6 @@ const BlockFrame_Header = ({
     const preIconButton = util.useAtomValueSafe(viewModel?.preIconButton);
     let headerTextUnion = util.useAtomValueSafe(viewModel?.viewText);
     const magnified = jotai.useAtomValue(nodeModel.isMagnified);
-    const ephemeral = jotai.useAtomValue(nodeModel.isEphemeral);
     const manageConnection = util.useAtomValueSafe(viewModel?.manageConnection);
     const dragHandleRef = preview ? null : nodeModel.dragHandleRef;
 
@@ -236,12 +235,7 @@ const BlockFrame_Header = ({
     }
 
     return (
-        <div
-            className="block-frame-default-header"
-            ref={dragHandleRef}
-            onContextMenu={onContextMenu}
-            draggable={!(preview || magnified || ephemeral)}
-        >
+        <div className="block-frame-default-header" ref={dragHandleRef} onContextMenu={onContextMenu}>
             {preIconButtonElem}
             <div className="block-frame-default-header-iconview">
                 {viewIconElem}

frontend/layout/lib/TileLayout.tsx

@@ -219,16 +219,19 @@ const DisplayNode = ({ layoutModel, node }: DisplayNodeProps) => {
     const previewRef = useRef<HTMLDivElement>(null);
     const addlProps = useAtomValue(nodeModel.additionalProps);
     const devicePixelRatio = useDevicePixelRatio();
+    const isEphemeral = useAtomValue(nodeModel.isEphemeral);
+    const isMagnified = useAtomValue(nodeModel.isMagnified);
 
     const [{ isDragging }, drag, dragPreview] = useDrag(
         () => ({
             type: dragItemType,
+            canDrag: () => !(isEphemeral || isMagnified),
             item: () => node,
             collect: (monitor) => ({
                 isDragging: monitor.isDragging(),
             }),
         }),
-        [node, addlProps]
+        [node, addlProps, isEphemeral, isMagnified]
     );
 
     const [previewElementGeneration, setPreviewElementGeneration] = useState(0);