take a look at the page you displayed, it is possible that bubbling may lead to loss of focus

if you click textarea, you will bubble to div

the problem lies in the binding element
$(".modify-remark"). On ("click",...) this is bound to the parent element, so the event will also trigger when you click textarea , so each click will be assigned. You can bind events to child elements

$('.modify-remark>div').on('click',function(){
   $(this).hide();
   $(this).next().show();
   const remark = $(this).text();
   $(this).text(remark);
})

your element search is a bit lengthy. You can take a look at my demo
https://codepen.io/ars_qu/pen...

$(".modify-remark").on("click","div", function() {
    var $this = $(this), txt = $this.text();
    $this.hide().next("textarea").text(txt).show().focus();
}).on("blur","textarea", function() {
    var $this = $(this), txt = $this.val();
    $this.hide().prev("div").text(txt).show();
});

it's that simple