fix(formula): fix tooltip flickering and crash when clicking

Signed-off-by: Diana Lease <[email protected]>
accordproject · Aug 20, 2020 · e1bf328 · e1bf328
1 parent cfb8c06
commit e1bf328
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/ui-contract-editor/src/lib/components/Formula/index.js b/packages/ui-contract-editor/src/lib/components/Formula/index.js
@@ -71,13 +71,15 @@ const Formula = React.forwardRef((props, ref) => {
     setFormulaDependents({});
   };
 
-  const formulaProps = {
-    id: data.name,
-    className: FORMULA,
+  const wrapperProps = {
     onMouseEnter: () => handlerIn(),
     onMouseLeave: () => handlerOut(),
-    // onClick: () => toggleConditional(conditionalPath),
     ...attributes,
+  };
+
+  const formulaProps = {
+    id: data.name,
+    className: FORMULA,
     ref
   };
 
@@ -87,12 +89,11 @@ const Formula = React.forwardRef((props, ref) => {
     caretTop: 21,
     caretLeft: 2,
     tooltipHeight: 1.85,
+    contentEditable: false
   };
 
-  const tooltipInstructions = 'FORMULA HERE';
-
   return (
-    <span {...attributes}>
+    <span {...wrapperProps}>
         <FormulaTooltip {...formulaTooltip}>
             {data.code}
         </FormulaTooltip>

diff --git a/packages/ui-contract-editor/src/lib/styles.css b/packages/ui-contract-editor/src/lib/styles.css
@@ -39,7 +39,6 @@ a {
     border: #AF54C4 1px solid;
     border-radius: 2px;
     background-color: #fff;
-    cursor: pointer;
 }
 
 .optional:hover,