inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "[ACS-10281] a11y fix - Approve step folder control is focusable twice…" (#11424)

Browse Source 
This reverts commit f379d99474.
This commit is contained in:
Mykyta Maliarchuk
2025-12-03 14:14:33 +01:00
committed by GitHub
parent e6fe929b02
commit 4dab69d4dc
2 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
+7 -5
View File
@@ -104,12 +104,14 @@
</mat-form-field> </mat-form-field>
</div> </div>
<button <div
type="button"
*ngSwitchCase="'clickableTemplate'" *ngSwitchCase="'clickableTemplate'"
role="button"
class="adf-textitem-clickable" class="adf-textitem-clickable"
[ngClass]="{ 'adf-property-read-only': !isEditable }" [ngClass]="{ 'adf-property-read-only': !isEditable }"
[attr.data-automation-id]="'card-textitem-toggle-' + property.key" [attr.data-automation-id]="'card-textitem-toggle-' + property.key"
tabindex="0"
(keyup.enter)="clicked()"
(click)="clicked()" (click)="clicked()"
> >
<mat-form-field class="adf-property-field adf-card-textitem-field" [floatLabel]="'always'"> <mat-form-field class="adf-property-field adf-card-textitem-field" [floatLabel]="'always'">
@@ -117,7 +119,6 @@
*ngIf="showProperty || isEditable" *ngIf="showProperty || isEditable"
[attr.data-automation-id]="'card-textitem-label-' + property.key" [attr.data-automation-id]="'card-textitem-label-' + property.key"
class="adf-property-label" class="adf-property-label"
(click)="$event.stopPropagation()"
[ngClass]="{ 'adf-property-value-editable': editable }" [ngClass]="{ 'adf-property-value-editable': editable }"
> >
{{ property.label | translate }} {{ property.label | translate }}
@@ -126,6 +127,7 @@
matInput matInput
[type]="property.inputType" [type]="property.inputType"
class="adf-property-value" class="adf-property-value"
title="{{ property.label | translate }}"
[ngClass]="{ [ngClass]="{
'adf-property-value-editable': editable, 'adf-property-value-editable': editable,
'adf-textitem-clickable-value': isClickable, 'adf-textitem-clickable-value': isClickable,
@@ -134,11 +136,11 @@
'adf-property-value-has-icon-suffix': showClickableIcon 'adf-property-value-has-icon-suffix': showClickableIcon
}" }"
[placeholder]="property.default" [placeholder]="property.default"
[attr.aria-label]="property.label | translate"
[(ngModel)]="editedValue" [(ngModel)]="editedValue"
(blur)="update()" (blur)="update()"
(keydown.enter)="update()" (keydown.enter)="update()"
[readonly]="!isEditable" [readonly]="!isEditable"
tabindex="-1"
[attr.data-automation-id]="'card-textitem-value-' + property.key" [attr.data-automation-id]="'card-textitem-value-' + property.key"
/> />
<button <button
@@ -152,7 +154,7 @@
<mat-icon class="adf-textitem-icon">{{ property?.icon }}</mat-icon> <mat-icon class="adf-textitem-icon">{{ property?.icon }}</mat-icon>
</button> </button>
</mat-form-field> </mat-form-field>
</button> </div>
<div *ngSwitchCase="'emptyTemplate'"> <div *ngSwitchCase="'emptyTemplate'">
<span class="adf-textitem-default-value">{{ property.default | translate }}</span> <span class="adf-textitem-default-value">{{ property.default | translate }}</span>
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
+1 -5
View File
@@ -60,12 +60,8 @@
} }
.adf-textitem-clickable { .adf-textitem-clickable {
background: none;
border: none;
margin: 0;
cursor: pointer; cursor: pointer;
width: 100%; padding-top: 3px;
padding: 3px 0 0;
.adf-textitem-action:hover { .adf-textitem-action:hover {
color: var(--adf-theme-foreground-text-color); color: var(--adf-theme-foreground-text-color);