WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/chat/chat/personal-chat/PersonalChat.js

   const handleResponseMessage = (element) => {
     setResponseMessage(element);
     textAreaEl.current && textAreaEl.current.focus()
   };
-  useEffect(() => {
-    if (responseMessage && (document.activeElement !== textAreaEl.current)) {
-      setResponseMessage(null)
-    }
-  }, [responseMessage, textAreaEl.current])
   const messagesRender = () => {
     return (
       <React.Fragment>
         {currentPage < pages ? <li ref={loader}>Cargando...</li> : ""}
                           name="chattxt"
                           style={{ resize: "none", height: "20px" }}
                           placeholder="Escribe un mensaje"
                           onKeyDown={handleChatBoxKeyDown}
                           ref={textAreaEl}
+                          onBlur={()=> responseMessage && setResponseMessage(null)}
                           onFocus={() => onRead(index)}
                         ></textarea>
                         <input
                           id="to_uname"
                           name="to_uname"
                           style={{ resize: "none", height: "20px" }}
                           placeholder="Escribe un mensaje"
                           onKeyDown={handleChatBoxKeyDown}
                           ref={textAreaEl}
                           onFocus={() => onRead(index)}
+                          onBlur={()=> responseMessage && setResponseMessage(null)}
                         ></textarea>
                         <input
                           id="to_uname"
                           name="to_uname"
                           value="'+chatboxtitle+'"

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/react-webpack/chat/chat/personal-chat/PersonalChat.js – Rev 2768 → 2769