Tengo problemas con el evento onBlur con react-typescript. Para recrear los problemas, presioné upButton para que las noches fueran a 9+ y es el máximo y si el usuario sigue haciendo clic en upButton, aparecerá el error sobre la entrada.

Aquí está la imagen: y aquí está mi base de código:

 class MvSpinner extends React.Component<Props, MvSpinnerState> { constructor(props:Props) { super(props); this.upButton = this.upButton.bind(this); this.downButton = this.downButton.bind(this); this.clear = this.clear.bind(this); this.drawResult = this.drawResult.bind(this); this.state = { text: "", open: false, showSoftError: false, showHardError: false, }; } upButton() { let currentValue = this.props.value; if (currentValue === this.props.max) { this.setState({ showSoftError: true, showHardError: true }); } if (currentValue < this.props.max && !this.props.disabled) { currentValue++; this.drawResult(); this.onChange(currentValue); } } downButton() { let currentValue = this.props.value; if (currentValue > this.props.min && !this.props.disabled) { currentValue--; this.drawResult(); this.onChange(currentValue); } } clear() { this.setState({ open: true }); } drawResult() { this.setState({ open: false, showSoftError: false, showHardError: false, }); } return ( ... <label className="visuallyhidden" htmlFor={this.props.name}>{this.props.label}</label> {content} <div className="spinner-controls"> <button tabIndex={-1} aria-label="increment" className="spinner-control-up" type="button" onBlur={this.drawResult} onClick={this.upButton} /> <button tabIndex={-1} aria-label="decrement" className="spinner-control-down" type="button" onClick={this.downButton} /> </div> <div className="error tool-tip"> <div className={"tool-tip-popup " + (err ? "show" : "")} style={this.props.errorStyle} > <p>{err}</p> </div> </div> ... );

cuando hago clic fuera del botón arriba, desaparece la información sobre herramientas de error, pero cuando cambio a Safari, no funcionó. Alguien tiene idea de como solucionar este error????

¡¡¡¡Gracias!!!!