md-tooltip не работает с выделением - PullRequest
Новая
       8

md-tooltip не работает с выделением

0 голосов
/ 29 июня 2018

Я использую md-tooltip в md-button и использую marquee для отображения метки прокрутки кнопки. Но md-tooltip просто показывает на секунду, а затем исчезает, когда я наводю курсор мыши на кнопку md. Я заметил, что когда я удаляю код выделения, md-tooltip отображается правильно. Пробовал использовать md-z-index, md-visible, но без помощи. Все элементы управления добавлены в раздел. 

<section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
    <div ng-repeat="mybutton in allbuttons">
        <md-button class="md-fab">
          <div >
              <md-tooltip md-direction="top" md-visible="true">{{mybutton.buttontooltip}}</md-tooltip>
              <img ng-src={{mybutton.imagesource}} style="width:50px" />
          </div>
      </md-button>
      <div class="buttonLabel">
          <marquee scrollamount="1" style="float:left; font-size: 12px; width:70px; color: white; padding-right: 5em">
            <div>
                {{buttonlabel}}
            </div>  
          </marquee>
      </div>
    </div>
</section>

Мой CSS для класса buttonLabel, как показано ниже. 

.buttonLabel {
        background-color: #080808;
            color:#EEE5E5;
            bottom: 2px;
            left: 520px;
            margin: 10px;
    }

Ссылка Plucker ниже. Если вы удалите выделение, оно будет работать нормально.

https://codepen.io/naddy1/pen/eKbGVN

Пожалуйста, дайте мне знать, если я делаю это правильно?

...