Проверить это github issue
GitHub philipraets пользователь создал хороший codepen, чтобы продемонстрировать свою soluton.
Edit (для ленивых):
philipraets создал простой стиль CSS:
.mobile-fab-tip {
position: fixed;
right: 85px;
padding:0px 0.5rem;
text-align: right;
background-color: #323232;
border-radius: 2px;
color: #FFF;
width:auto;
}
заворачивают в подсказке в другом элементе связи с использованием этого стиля:
<div class="fixed-action-btn click-to-toggle" style="bottom:24px; right:24px;">
<a class="btn-floating btn-large red"><i class="large material-icons">settings</i></a>
<ul>
<li>
<a href="#" class="btn-floating amber darken-1"><i class="material-icons">create</i></a>
<a href="#" class="btn-floating mobile-fab-tip">Edit</a> <!--tooltip-->
</li>
<li>
<a href="#" class="btn-floating blue"><i class="material-icons">event</i></a>
<a href="#" class="btn-floating mobile-fab-tip">Save to calendar</a> <!--tooltip-->
</li>
<li>
<a href="#" class="btn-floating red modal-trigger"><i class="material-icons">supervisor_account</i></a>
<a href="#" class="btn-floating mobile-fab-tip modal-trigger">Switch responsible</a> <!--tooltip-->
</li>
</ul>
</div>