prevent comment on uploading

Author: sangcheol12

web_src/js/features/comp/EditorUpload.ts

@@ -99,7 +99,11 @@ async function handleUploadFiles(editor, dropzoneEl, files, e) {
     const {width, dppx} = await imageInfo(file);
     const placeholder = `[${name}](uploading ...)`;
 
-    editor.insertPlaceholder(placeholder);
+    // Placeholders should be inserted on uploading the thumnail.
+    // If not, the check upload process may fail
+    dropzoneEl.dropzone.on('thumbnail', () => {
+      editor.insertPlaceholder(placeholder);
+    });
     await uploadFile(dropzoneEl, file); // the "file" will get its "uuid" during the upload
     editor.replacePlaceholder(placeholder, generateMarkdownLinkForAttachment(file, {width, dppx}));
   }

web_src/js/features/repo-issue.ts

@@ -671,11 +671,13 @@ export async function initSingleCommentEditor($commentForm) {
   const commentButton = document.querySelector('#comment-button');
   opts.onContentChanged = (editor) => {
     const editorText = editor.value().trim();
+    const isUploading = editor.attachedDropzoneInst.getUploadingFiles().length != 0;
+
     if (statusButton) {
       statusButton.textContent = statusButton.getAttribute(editorText ? 'data-status-and-comment' : 'data-status');
     }
     if (commentButton) {
-      commentButton.disabled = !editorText;
+      commentButton.disabled = !editorText || isUploading;
     }
   };
   const editor = await initComboMarkdownEditor($commentForm.find('.combo-markdown-editor'), opts);