fix: solve the replaceChild problem

This solves a problem of `replaceChild` argument not being a child
of supposed parent. Related to changes in VDOM in reaction to focus.

packages/dmn-js-decision-table/assets/css/dmn-js-decision-table-controls.css

@@ -266,3 +266,7 @@
 .dmn-decision-table-container .cell-editor .cm-scroller {
   line-height: normal;
 }
+
+.dmn-decision-table-container .cell-editor .feel-editor.focussed > :nth-child(2) {
+  display: none;
+}

packages/dmn-js-decision-table/src/features/decision-rules/components/DecisionRulesCellEditorComponent.js

@@ -95,17 +95,22 @@ class FeelEditor extends Component {
   }
 
   render() {
-    if (this.state.focussed) {
-      return <LiteralExpression
-        { ...this.props }
-        autoFocus={ true }
-        onBlur={ this.onBlur }
-      />;
-    }
-
-    return <div onClick={ this.onFocus }>
+    const { focussed } = this.state;
+    const className = `feel-editor${focussed ? ' focussed' : ''}`;
+
+    // TODO(@barmac): display only a single editor;
+    // required to workaround "replaceChild" error
+    return <div className={ className } onClick={ this.onFocus }>
+      { focussed &&
+        <LiteralExpression
+          { ...this.props }
+          autoFocus={ true }
+          onBlur={ this.onBlur }
+        />
+      }
       <ContentEditable
         { ...this.props }
+        onInput={ () => {} }
         onFocus={ this.onFocus }
       />
     </div>;
@@ -207,7 +212,7 @@ class TableCellEditor extends Component {
             && <div className="description-indicator"></div>
         }
         <Editor
-          className={ isScript ? 'script-editor' : null }
+          className={ isScript ? 'script-editor' : '' }
           ctrlForNewline={ true }
           onInput={ onChange }
           value={ value }