diff --git a/src/app/components/speeddial/speeddial.css b/src/app/components/speeddial/speeddial.css
index f6f7dd57b38..c2fd94184a9 100755
--- a/src/app/components/speeddial/speeddial.css
+++ b/src/app/components/speeddial/speeddial.css
@@ -5,6 +5,14 @@
         z-index: 1;
     }
 
+    .p-speeddial:not(.p-speeddial-opened) {
+        pointer-events: none;
+    }
+
+    .p-speeddial:not(.p-speeddial-opened) .p-speeddial-button {
+        pointer-events: auto;
+    }
+
     .p-speeddial-list {
         margin: 0;
         padding: 0;
diff --git a/src/app/components/speeddial/speeddial.ts b/src/app/components/speeddial/speeddial.ts
index c0445e208b9..4db568de217 100644
--- a/src/app/components/speeddial/speeddial.ts
+++ b/src/app/components/speeddial/speeddial.ts
@@ -92,7 +92,7 @@ import { asapScheduler } from 'rxjs';
                     </ng-container>
                     <ng-container *ngIf="!itemTemplate">
                         <a
-                            *ngIf="_visible && isClickableRouterLink(item); else elseBlock"
+                            *ngIf="isClickableRouterLink(item); else elseBlock"
                             pRipple
                             [routerLink]="item.routerLink"
                             [queryParams]="item.queryParams"
@@ -117,7 +117,6 @@ import { asapScheduler } from 'rxjs';
                         </a>
                         <ng-template #elseBlock>
                             <a
-                                *ngIf="_visible"
                                 [attr.href]="item.url || null"
                                 class="p-speeddial-action"
                                 role="menuitem"
@@ -499,7 +498,7 @@ export class SpeedDial implements AfterViewInit, AfterContentInit, OnDestroy {
 
     onEnterKey(event: any) {
         const items = DomHandler.find(this.container.nativeElement, '[data-pc-section="menuitem"]');
-        const itemIndex = [...items].findIndex((item) => item.id === this.focusedOptionIndex);
+        const itemIndex = [...items].findIndex((item) => item.id === this.focusedOptionIndex());
 
         this.onItemClick(event, this.model[itemIndex]);
         this.onBlur(event);