Не работают кнопки в Mozilla Firefox

Здравствуйте! У меня почему то не работает кнопки в Mozilla Firefox, если внутри них расположить иконку или картинку. С чем это связано, и как эту проблему решить?

  <button disabled={this.props.enabled ? null:"disabled"} type="button" className={this.getClassName()} onClick={this.props.type !== ButtonTypes.buttonWithIcon ? this.onClick : _.noop} value={this.props.text} title={this.props.title}
          onBlur={this.props.onBlur}>
    {
      this.props.icon && (
        <div onClick={this.onClick} style={{position:'relative'}}>
          {this.props.icon}
          { this.props.ripple && <Ink radius={this.props.radius}/>}
        </div>
      )
    }
    {
      this.props.text && <span>{this.props.text}</span>
    }
  </button>

Кнопки работают на Chrome, Edge, Safari.

Я нашел информацию о том, что кнопка может не откликаться на onClick, потому что onClick прикреплен к дочернему элементу.