search

Ecodev / fab-speed-dial

Angular Material FAB speed dial
https://ecodev.github.io/fab-speed-dial
MIT License
89 stars 19 forks source link

open=false doesn't work #18

Closed kojilab closed 5 years ago

kojilab commented 5 years ago

[open]="false" still shows the menu without the labels. This is with Angular 7.

PowerKiKi commented 5 years ago

Cannot reproduce. The demo page does not exhibit the issue and the following minimal template, will not either:

<div style="margin-top: 12em;">

        <eco-fab-speed-dial [open]="false">

            <eco-fab-speed-dial-trigger>
                <button mat-fab>
                    <mat-icon>add</mat-icon>
                </button>
            </eco-fab-speed-dial-trigger>

            <eco-fab-speed-dial-actions>
                <button mat-mini-fab>
                    <mat-icon>search</mat-icon>
                </button>
                <button mat-mini-fab>
                    <mat-icon>edit</mat-icon>
                </button>
                <button mat-mini-fab>
                    <mat-icon>home</mat-icon>
                </button>
            </eco-fab-speed-dial-actions>

        </eco-fab-speed-dial>

</div>

It will correctly show a button with nothing else. And upon click will open and show correct content, as well as hide everything when clicked again:

open-false mp4

Provide a reprex if you need more help.