CODEWITHSUNDEEP
javascriptreactjsonclickcross-browsermaterial-ui
zuma
zuma

Reputation: 93

ReactJS IconButton not working in Firefox

The click function of IconButton from Material UI is not working in any version of FireFox. This is the code I am using:

<div className='floating-button visible-xs'>
  <IconButton touch={true} tooltipPosition="bottom-left">
    <Create className='floating-button-icon' onTouchTap={this.props.onProfileEdit}/>
  </IconButton>
</div>

Does anybody know how to fix this? The code above is 100% working in Chrome and Safari.

Upvotes: 0

Views: 1789

Answers (1)

falinsky
falinsky

Reputation: 7438

Please use onClick prop instead of onTouchTap and apply it to IconButton component itself instead of to particular icon.

<div className='floating-button visible-xs'>
  <IconButton touch={true} tooltipPosition="bottom-left" onClick={this.props.onProfileEdit}>
    <Create className='floating-button-icon' />
  </IconButton>
</div>

Upvotes: 2

Related Questions