fix: incorrect angular attributes in search components (#9479)

Alfresco · Mar 27, 2024 · 3dff1e0 · 3dff1e0
1 parent 97a2d98
commit 3dff1e0
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 16 deletions.
diff --git a/...ents/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.html b/...ents/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.html
@@ -1,11 +1,11 @@
 <mat-chip [attr.data-automation-id]="'search-filter-chip-tabbed-' + tabbedFacet.label"
-          disableRipple
+          [disableRipple]="true"
           class="adf-search-filter-chip-tabbed"
           [class.adf-search-toggle-chip]="displayValue || menuTrigger.menuOpen"
           [disabled]="!isPopulated"
-          tabIndex="0"
+          [tabIndex]="0"
           [matMenuTriggerFor]="menu"
-          (onMenuOpen)="onMenuOpen()"
+          (menuOpened)="onMenuOpen()"
           (keydown.enter)="onEnterKeydown()"
           (keydown.escape)="onEscKeydown()"
           [attr.title]="displayValue"

diff --git a/.../search/components/search-filter-chips/search-facet-chip/search-facet-chip.component.html b/.../search/components/search-filter-chips/search-facet-chip/search-facet-chip.component.html
@@ -1,9 +1,9 @@
 <mat-chip [attr.data-automation-id]="'search-filter-chip-' + field.label"
-          disableRipple
+          [disableRipple]="true"
           class="adf-search-filter-chip adf-search-filter-facet-chip"
           [class.adf-search-toggle-chip]="(facetField.displayValue$ | async) || menuTrigger.menuOpen"
           [disabled]="!isPopulated()"
-          tabIndex="0"
+          [tabIndex]="0"
           [matMenuTriggerFor]="menu"
           (menuOpened)="onMenuOpen()"
           (keydown.enter)="onEnterKeydown()"

diff --git a/...earch/components/search-filter-chips/search-widget-chip/search-widget-chip.component.html b/...earch/components/search-filter-chips/search-widget-chip/search-widget-chip.component.html
@@ -1,8 +1,8 @@
 <mat-chip [attr.data-automation-id]="'search-filter-chip-' + category.name"
-          disableRipple
+          [disableRipple]="true"
           class="adf-search-filter-chip"
           [class.adf-search-toggle-chip]="(widget.getDisplayValue() | async) || menuTrigger.menuOpen"
-          tabIndex="0"
+          [tabIndex]="0"
           [matMenuTriggerFor]="menu"
           (menuOpened)="onMenuOpen()"
           (keydown.enter)="onEnterKeydown()"

diff --git a/lib/content-services/src/lib/search/components/search-form/search-form.component.html b/lib/content-services/src/lib/search/components/search-form/search-form.component.html
@@ -2,29 +2,25 @@
 
     <ng-container *ngIf="forms.length === 1">
         <button class="adf-search-form adf-search-form-button"
-                [disableRipple] mat-button
+                [disableRipple]="true"
+                mat-button
                 [title]="getSelected(forms) | translate"
                 [attr.aria-label]="getSelected(forms) | translate">
-            <span class="adf-search-form-title">
-                    {{ getSelected(forms) | translate }}
-            </span>
+            <span class="adf-search-form-title">{{ getSelected(forms) | translate }}</span>
         </button>
     </ng-container>
 
     <ng-container  *ngIf="forms.length > 1">
         <button class="adf-search-form adf-search-form-button"
                 [matMenuTriggerFor]="menu"
                 #menuTrigger="matMenuTrigger"
-                [disableRipple]
+                [disableRipple]="true"
                 mat-button
                 [title]="getSelected(forms) | translate"
                 [attr.aria-label]="getSelected(forms) | translate"
                 [matMenuTriggerRestoreFocus]="true">
 
-            <span class="adf-search-form-title" >
-                    {{ getSelected(forms) | translate }}
-            </span>
-
+            <span class="adf-search-form-title">{{ getSelected(forms) | translate }}</span>
             <mat-icon [class.adf-search-form-icon-selected]="menuTrigger.menuOpen" class="adf-search-form-icon">expand_more</mat-icon>
         </button>