Подсказка angular2-mdl застревает при отключении кнопки

Question

Я установил mdl-подсказку для кнопки. Когда мышь находится над кнопкой, всплывающая подсказка отображается правильно. Когда мышь покидает кнопку, всплывающая подсказка исчезает правильно.

При нажатии кнопки кнопка отключается, и всплывающая подсказка отображается. Как это исправить, чтобы всплывающая подсказка была скрыта при нажатии / отключении кнопки?

<button type="button" mdl-button mdl-button-type="icon" mdl-colored="primary" mdl-ripple mdl-tooltip="Disable Button" mdl-tooltip-position="bottom" (click)="isDisabled = true" [disabled]="isDisabled">
    <mdl-icon>close</mdl-icon>
  </button>

plunker: http://plnkr.co/edit/vGw8W93jR0j6qzHCyASS?p=preview

Answer 1

События указателя не запускаются для отключенных элементов. (посмотрите обсуждение на эту тему: Событие на отключенном входе)

Вы можете изменить свой код таким образом, чтобы сделать возможным то, что вы пытаетесь сделать:

   <span mdl-tooltip="blah">
      <button mdl-button  mdl-button-type="fab" mdl-colored="primary" 
        [disabled]="itemDisabled" (click)="itemDisabled=!itemDisabled">
        <mdl-icon>add</mdl-icon>
      </button>
   </span>

(см. также: https://github.com/mseemann/angular2-mdl/issues/535)