ReactJS IconButton не работает в Firefox

Question

Функция нажатия IconButton из Material UI не работает ни в одной версии FireFox. Это код, который я использую:

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

Кто-нибудь знает, как это исправить? Код выше на 100% работает в Chrome и Safari.

Answer 1

Пожалуйста, используйте onClick prop вместо onTouchTap и применяйте его к IconButton самому компоненту вместо определенного значка.

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