diff --git a/src/components/Block.jsx b/src/components/Block.jsx index 06b77f9..bfa85ba 100644 --- a/src/components/Block.jsx +++ b/src/components/Block.jsx @@ -51,35 +51,34 @@ export default class Block extends React.Component { const nativeEvent = event.nativeEvent; const contains = this._blockEl.contains(el); - if (event.nativeEvent.target.nodeName !== "INPUT" && contains) { + if (event.nativeEvent.target.nodeName !== "INPUT" && !contains) { event.stopPropagation(); - event.preventDefault(); } + event.preventDefault(); } render() { const errors = [].concat(this.props.error || []); - return
- -
+
+ {this.props.label} +
+
+ {this.props.action} +
+
this._blockEl = el}> + {this.props.children} +
+ } } diff --git a/src/components/InputCheckbox.jsx b/src/components/InputCheckbox.jsx index 7cf8323..d930896 100644 --- a/src/components/InputCheckbox.jsx +++ b/src/components/InputCheckbox.jsx @@ -12,13 +12,18 @@ export default class InputCheckbox extends React.Component { value: false, } + onChange = () => { + this.props.onChange(!this.props.value); + } + render() { return
this.props.onChange(!this.props.value)} + onChange={this.onChange} + onClick={this.onChange} checked={this.props.value} />