Switch onChange doesn't trigger

I’m see in docs inside SelectionControls an usage example of Switch with label, it’s supposed to be used like:

<FormControlLabel
          control={
            <Switch
              checked={this.state.checkedA}
              onChange={(event, checked) => this.setState({ checkedA: checked })}
            />
          }
          label="A"
        />

But my state never changes. To fix it I did:

          <FormControlLabel
                    control={
                        <Switch
                            checked={this.state.enableCache}
                        />                            
                    }
                    label="Enable cache?"
                    onClick={() => this.setState({ enableCache: !this.state.enableCache })}
                />

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

• When clicking it should change state

Current Behavior

• State unchanged

Steps to Reproduce (for bugs)

• Create a component with just a div
• Add a initial state for that component with value true or false
• Inside that div copy+paste this:

<FormControlLabel
          control={
            <Switch
              checked={this.state.checkedA}
              onChange={(event, checked) => this.setState({ checkedA: checked })}
            />
          }
          label="A"
        />

Your Environment

Tech	Version
Material-UI	1.0.0-beta.25
React	16.2.0
browser	Google Chrome
etc

[alan345]

Same issue. Its from my CSS where I had: Input : { height: auto!important; }

[jsiebern]

I just checked in the browser using the inspect tool, the input wasn’t at width: 100%; height: 100% as it was supposed to be. But that was just me, maybe it’s something different for you.