Merge pull request #1516 from swagger-api/feature/fix-unstable-markers

Fix unstable marker issues.

Author: shockey

src/layout.jsx

@@ -13,6 +13,10 @@ export default class EditorLayout extends React.Component {
     layoutActions: PropTypes.object.isRequired
   }
 
+  onChange = (newYaml) => {
+    this.props.specActions.updateSpec(newYaml)
+  }
+
   render() {
     let { getComponent } = this.props
 
@@ -26,7 +30,9 @@ export default class EditorLayout extends React.Component {
       <div>
         <Container className='container'>
           <SplitPaneMode>
-            <EditorContainer/>
+            <EditorContainer
+              onChange={this.onChange}
+              />
             <UIBaseLayout/>
         </SplitPaneMode>
       </Container>

src/plugins/editor/components/editor-container.jsx

@@ -1,22 +1,11 @@
 import React from "react"
 import PropTypes from "prop-types"
-import debounce from "lodash/debounce"
-
-
-const DEBOUNCE_TIME = 800 // 0.5 imperial seconds™
 
 export default class EditorContainer extends React.Component {
 
-  constructor(props, context) {
-    super(props, context)
-    this.onChange = debounce(this._onChange.bind(this), DEBOUNCE_TIME)
-  }
-
-  _onChange(value) {
-    if(typeof this.props.onChange === "function") {
-      this.props.onChange(value)
-    }
-    this.props.specActions.updateSpec(value)
+  // This is already debounced by editor.jsx
+  onChange = (value) => {
+    this.props.onChange(value)
   }
 
   render() {