Fixed primefaces#15367 - Non-linear menu items are misaligned

nbrown-ScottLogic · May 1, 2024 · 9a2a467 · 9a2a467
1 parent e7c9fa3
commit 9a2a467
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git 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
@@ -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);