Fix property display

Author: rreusser

lib/components/field.js

@@ -5,23 +5,30 @@ import nestedProperty from "plotly.js/src/lib/nested_property";
 class Field extends Component {
   constructor(props, context) {
     super(props);
+
     this._index = context.traceIndex;
     this._data = context.data[this._index];
     this._fullData = context.fullData[this._index];
     this._property = nestedProperty(this._data, this.props.attr);
     this._fullProperty = nestedProperty(this._fullData, this.props.attr);
     this.updatePlot = this.updatePlot.bind(this);
     this._contextUpdate = context.handleUpdate;
+
+    this.state = {
+      value: this.fullValue,
+    };
   }
 
   componentWillReceiveProps(nextProps, nextContext) {
     this._index = nextContext.traceIndex;
     this._contextUpdate = nextContext.handleUpdate;
+
     if (nextContext.data) {
       this._data = nextContext.data[this._index];
     } else {
       this._data = [];
     }
+
     if (nextContext.fullData) {
       this._fullData = nextContext.fullData[this._index];
     } else {
@@ -31,6 +38,7 @@ class Field extends Component {
 
   updatePlot(event) {
     this.value = event.target.value;
+    this.setState({ value: event.target.value });
     this._contextUpdate && this._contextUpdate(this.props.attr, this.value);
   }
 

lib/components/field.js.map

@@ -18,7 +18,7 @@ class Select extends Field {
         </span>
 
         <select
-          value={this.props.fullValue}
+          value={this.state.value}
           className="field-control"
           onChange={this.updatePlot}
         >