This is an automated email from the ASF dual-hosted git repository.
SvenO3 pushed a commit to branch
4432-change-behavior-of-context-menu-on-overview-page
in repository https://gitbox.apache.org/repos/asf/streampipes.git
The following commit(s) were added to
refs/heads/4432-change-behavior-of-context-menu-on-overview-page by this push:
new bd775067c0 Remove mouse hover for menu button
bd775067c0 is described below
commit bd775067c00fc61cbfc06451504af40af4e82bf2
Author: Sven Oehler <[email protected]>
AuthorDate: Thu May 7 11:34:02 2026 +0200
Remove mouse hover for menu button
---
.../components/sp-table/sp-table.component.html | 39 ++++++++--------------
.../lib/components/sp-table/sp-table.component.ts | 20 -----------
2 files changed, 13 insertions(+), 46 deletions(-)
diff --git
a/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.html
b/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.html
index 7988ffbc0c..4b03c28e64 100644
---
a/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.html
+++
b/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.html
@@ -367,35 +367,22 @@
<mat-icon>preview</mat-icon>
</button>
}
- <div
+ <button
+ mat-icon-button
[matMenuTriggerFor]="menu"
- #menuTrigger="matMenuTrigger"
- (mouseenter)="mouseEnter(menuTrigger)"
- (mouseleave)="mouseLeave(menuTrigger)"
+ (click)="$event.stopPropagation()"
+ [attr.data-cy]="'more-options'"
>
- <button
- mat-icon-button
- [matMenuTriggerFor]="menu"
- #menuTrigger="matMenuTrigger"
- (click)="$event.stopPropagation()"
- [attr.data-cy]="'more-options'"
+ <mat-icon>more_vert</mat-icon>
+ </button>
+ <mat-menu #menu="matMenu">
+ <ng-container
+ *ngTemplateOutlet="
+ actionsTemplate;
+ context: { $implicit: element }
+ "
>
- <mat-icon>more_vert</mat-icon>
- </button>
- </div>
- <mat-menu #menu="matMenu" [hasBackdrop]="false">
- <div
- (mouseenter)="mouseEnter(menuTrigger)"
- (mouseleave)="mouseLeave(menuTrigger)"
- >
- <ng-container
- *ngTemplateOutlet="
- actionsTemplate;
- context: { $implicit: element }
- "
- >
- </ng-container>
- </div>
+ </ng-container>
</mat-menu>
</div>
</ng-template>
diff --git
a/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.ts
b/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.ts
index cb0d15a507..379b0c8b9e 100644
---
a/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.ts
+++
b/ui/projects/streampipes/shared-ui/src/lib/components/sp-table/sp-table.component.ts
@@ -191,8 +191,6 @@ export class SpTableComponent<T>
@ContentChild(SpTableMultiActionsDirective, { read: TemplateRef })
multiActionsTemplate?: TemplateRef<any>;
- timedOutCloser: any;
- trigger: MatMenuTrigger | undefined = undefined;
visiblePageRows: T[] = [];
selectedMultiAction: string | null = null;
viewMode: SpTableGroupViewMode = 'list';
@@ -289,24 +287,6 @@ export class SpTableComponent<T>
this.updateCompactLayout();
}
- mouseEnter(trigger) {
- if (this.timedOutCloser) {
- clearTimeout(this.timedOutCloser);
- }
- if (this.trigger !== undefined) {
- this.trigger.closeMenu();
- }
- trigger.openMenu();
- this.trigger = trigger;
- }
-
- mouseLeave(trigger) {
- this.timedOutCloser = setTimeout(() => {
- trigger.closeMenu();
- this.trigger = undefined;
- }, 50);
- }
-
onPage(event: PageEvent) {
this.localStorageService.set('paginator-page-size', event.pageSize);
if (this.viewMode === 'grouped') {
