diff options
| -rw-r--r-- | app/components/Switch.js | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/app/components/Switch.js b/app/components/Switch.js index 0862d95640..0b50a7af74 100644 --- a/app/components/Switch.js +++ b/app/components/Switch.js @@ -16,6 +16,9 @@ export default class Switch extends Component { isOn: false } + ref: ?HTMLInputElement; + onRef = (e: HTMLInputElement) => this.ref = e; + state = { isTracking: false, ignoreChange: false, @@ -37,6 +40,7 @@ export default class Switch extends Component { return; } + const inputElement = this.ref; const { x: x0 } = this.state.initialPos; const { pageX: x, pageY: y } = e; const dx = Math.abs(x0 - x); @@ -59,7 +63,11 @@ export default class Switch extends Component { initialPos: { x, y }, ignoreChange: true }); - this.refs.input.checked = nextOn; + + if(inputElement) { + inputElement.checked = nextOn; + } + this.notify(nextOn); } } @@ -116,7 +124,7 @@ export default class Switch extends Component { render(): React.Element<*> { return ( - <input type="checkbox" ref="input" className="switch" checked={ this.props.isOn } + <input type="checkbox" ref={ this.onRef } className="switch" checked={ this.props.isOn } onMouseDown={ this.handleMouseDown } onChange={ this.handleChange } /> ); |