delete old comment field

and delete commet if user click cancel

shared/index.js

@@ -678,7 +678,7 @@ function startIndex(Y,_cm,_documentObject,_contextId, _userid,_capabilities, _to
             document.querySelector('.comment-list-form').setAttribute('style','display:none');
             document.getElementById('commentSubmit').value = M.util.get_string('answerButton','pdfannotator');
             document.getElementById('myarea').value = "";
-            var editorComment = document.querySelectorAll('#myareaeditable').childNodes;
+            var editorComment = document.querySelectorAll('#myareaeditable')[0].childNodes;
             if(editorComment) {
                 editorComment.forEach(comment => {
                     comment.remove();

templates/comment.mustache

@@ -51,19 +51,6 @@
                 {{/ isdeleted }}
             </div>
            
-            <div class="chat-message-text">
-                <div id="chatmessage{{ uuid }}">{{{ content }}}</div>
-                
-                {{#displayhidden}}<span id="taghidden{{uuid}}" class="tag tag-info">{{# str }} hiddenforparticipants, pdfannotator {{/ str }}</span>{{/displayhidden}}
-
-                <form id="edit{{ uuid }}" class="edit-comment-form" style="display:none;">
-                    <div> {{! necessary for atto-editor }}
-                        <textarea id="editarea{{ uuid }}" placeholder="" cols="40" rows="3">{{{ content }}}</textarea>
-                    </div>
-                    <input id="commentSubmit" class="owner btn btn-primary mb-1" type="submit" value="{{# str }} editButton, pdfannotator {{/ str }}">
-                    <input id="commentCancel" class="owner btn btn-secondary mb-1" type="reset" value="{{# str }} cancelButton, pdfannotator {{/ str }}" >
-                </form>
-         
             </div>
                 {{^ isdeleted }}
                     <em class="edited">