fix(Clause): fixes clauses being uneditable in safari when draggable

Signed-off-by: Diana Lease <dianarlease@gmail.com>
accordproject · Jun 17, 2020 · da8415d · da8415d
1 parent c6a5484
commit da8415d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/ui-contract-editor/src/lib/components/Clause/index.js b/packages/ui-contract-editor/src/lib/components/Clause/index.js
@@ -106,6 +106,8 @@ const ClauseComponent = React.forwardRef((props, ref) => {
     }
   };
 
+  const setDraggable = (event, draggable) => event.target.closest('.ui-contract-editor__clause').setAttribute('draggable', draggable);
+
   return (
     <ClauseContext.Provider value={hovering}>
       <S.ClauseWrapper
@@ -235,7 +237,10 @@ const ClauseComponent = React.forwardRef((props, ref) => {
             </S.DeleteWrapper>
           </>
         }
-        <S.ClauseBody>
+        <S.ClauseBody
+          onMouseEnter={(e) => setDraggable(e, false)}
+          onMouseLeave={(e) => setDraggable(e, true)}
+        >
             {props.children}
         </S.ClauseBody>
       </S.ClauseWrapper>