Fixed #91

src/components/inputtext/InputText.js

@@ -15,38 +15,37 @@ export class InputText extends Component {
     constructor(props) {
         super(props);
         this.onInput = this.onInput.bind(this);
-        this.state = {filled: false};
     }
 
     onInput(e) {
         if(this.props.onInput) {
             this.props.onInput(e);
         }
 
-        this.updateFilledState(e);
+        this.updateFilledState(e.target.value);
     }
 
-    updateFilledState(e) {
-        let _filled = (e.target.value && e.target.value.length) ? true : false;
-        this.setState({filled: _filled});
+    updateFilledState(val) {
+        if(val && val.length)
+            this.inputEl.classList.add('ui-state-filled');
+        else
+            this.inputEl.classList.remove('ui-state-filled');
     }
 
     componentDidMount() {
-        let _value =  this.props.value||this.props.defaultValue,
-        _filled = (_value && _value.length) ? true : false;
+        let _value =  this.props.value||this.props.defaultValue;
 
-        this.setState({filled: _filled});
+        this.updateFilledState(_value);
     }
 
     render() {
         var className = classNames('ui-inputtext ui-state-default ui-corner-all ui-widget', this.props.className, {
-            'ui-state-disabled': this.props.disabled,
-            'ui-state-filled': this.state.filled
+            'ui-state-disabled': this.props.disabled
         });
 
         let inputProps = Object.assign({}, this.props);
         delete inputProps.onInput;
 
-        return <input {...inputProps} className={className} onInput={this.onInput}/>;
+        return <input ref={(el) => this.inputEl = el} {...inputProps} className={className} onInput={this.onInput}/>;
     }
 }