1

Не работает onMouseLeave когда кнопка disabled, а когда enabled то работает

class Save extends Component {
state = {
    tooltipShow: false
}

tooltipOpen () {
    this.setState({
        tooltipShow: true
    });
}

tooltipClose (){
    this.setState({
        tooltipShow: false
    });
}

render(){
    return (
        <div>
            <div className="test" onMouseEnter={this.tooltipOpen.bind(this)} onMouseLeave={this.tooltipClose.bind(this)}>
               <button disabled>Click</button>
            </div>
            {
                this.state.tooltipShow 
                && <InfoTooltip text={i18next.t("tooltip.not-playing")} button="hidden" width="198px"/>
            }
        </div>
    );
}}
1
  • События мыши не работают на отключенных нативных элементах браузера.
    – Kvilios
    12 фев 2019 в 9:13

1 ответ 1

0

Это баг. Попробуйте добавить в CSS стили:

button[disabled] {
  pointer-events: none;
}
1
  • 1
    Спасибо огромное помогло
    – Alexander
    12 фев 2019 в 11:00

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.