Geek Answers Handbook

Angular material - FAB Speed ​​Dial does not work with Ionic

I am developing an Ionic application and am having some problems to make the FAB Speed ​​Dial correctly. This component is located on a specific page, and the user must go through 2 pages before opening the specified page. When the page loads, the Fab Speed ​​Dial opens and nothing happens when I click. If I refresh only this page (using ion feed), the component works fine:

<ion-nav-buttons side="right">
    <div>
        <md-fab-speed-dial md-open="fab.isOpen" md-direction="down" class="md-fling">
            <md-fab-trigger>
                <md-button aria-label="menu" class="md-fab bk-marrom1">
                    <md-icon md-svg-src="img/icon-more-horiz.svg" style="width:30px; height:30px"></md-icon>
                </md-button>
            </md-fab-trigger>
            <md-fab-actions>
                <md-button aria-label="Telefonar" class="md-fab md-raised md-mini bk-marrom2">
                    <md-icon md-svg-src="img/icon-phone.svg" aria-label="Telefonar"></md-icon>
                </md-button>
                <md-button aria-label="E-mail" class="md-fab md-raised md-mini bk-laranja-light">
                    <md-icon md-svg-src="img/icon-mail-outline.svg" aria-label="E-mail"></md-icon>
                </md-button>
                <md-button aria-label="Compartilhar" class="md-fab md-raised md-mini bk-marromsub">
                    <md-icon md-svg-src="img/icon-share.svg" aria-label="Compartilhar"></md-icon>
                </md-button>
            </md-fab-actions>
        </md-fab-speed-dial>
    </div>
</ion-nav-buttons>

I have no exceptions in the console, only this warning:

Long-running task to improve scroll smoothness. See Crbug.com/574343.

And not in my code, but in the FAB speed dial code:

compile: function(element, attributes) {
    var children = element.children(); -> this is the line with long-running timer task
    .
    .
    .
}

Can someone help me solve this problem?

+4

More articles:


All Articles