diff --git a/app/client/components/Forms/Editor.ts b/app/client/components/Forms/Editor.ts index 26e6220e..46bb6814 100644 --- a/app/client/components/Forms/Editor.ts +++ b/app/client/components/Forms/Editor.ts @@ -123,6 +123,11 @@ export function buildEditor(props: Props, ...args: IDomArgs) { dom.on('dragstart', (ev) => { // Prevent propagation, as we might be in a nested editor. ev.stopPropagation(); + if (props.editMode?.get()) { + ev.preventDefault(); + return; + } + ev.dataTransfer?.setData('text/plain', JSON.stringify(box.toJSON())); ev.dataTransfer!.dropEffect = "move"; dragging.set(true); diff --git a/app/client/components/Forms/Paragraph.ts b/app/client/components/Forms/Paragraph.ts index 650b97ac..44fa8c1c 100644 --- a/app/client/components/Forms/Paragraph.ts +++ b/app/client/components/Forms/Paragraph.ts @@ -27,6 +27,7 @@ export class ParagraphModel extends BoxModel { return buildEditor({ box: this, overlay: this._overlay, + editMode, content: css.cssMarkdownRendered( css.markdown(use => use(text) || '', dom.hide(editMode)), dom.maybe(use => !use(text) && !use(editMode), () => cssEmpty('(empty)')),