hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix issue with aria-expanded attribute that is invalid on input

Browse Source
This commit is contained in:
Giuseppe Digilio
2021-07-08 20:19:07 +02:00
parent eae89e1be0
commit d30fdb1db7
2 changed files with 31 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/app/shared/form/builder/ds-dynamic-form-ui/models/onebox/dynamic-onebox.component.html
View File

@@ -51,20 +51,24 @@
<div class="invalid-feedback" *ngIf="searchFailed">Sorry, suggestions could not be loaded.</div> <div class="invalid-feedback" *ngIf="searchFailed">Sorry, suggestions could not be loaded.</div>
</div> </div>
<input *ngIf="(isHierarchicalVocabulary() | async)" <div *ngIf="(isHierarchicalVocabulary() | async)" class="position-relative right-addon">
class="form-control custom-select" <i ngbDropdownToggle class="position-absolute tree-toggle"
[attr.aria-labelledby]="'label_' + model.id" aria-hidden="true"></i>
[attr.autoComplete]="model.autoComplete" <input class="form-control"
[class.is-invalid]="showErrorMessages" [attr.aria-labelledby]="'label_' + model.id"
[id]="id" [attr.autoComplete]="model.autoComplete"
[name]="model.name" [class.is-invalid]="showErrorMessages"
[placeholder]="model.placeholder" [class.tree-input]="!model.readOnly"
[readonly]="model.readOnly" [id]="id"
[type]="model.inputType" [name]="model.name"
[value]="currentValue?.display" [placeholder]="model.placeholder"
(focus)="onFocus($event)" [readonly]="true"
(change)="onChange($event)" [type]="model.inputType"
(click)="openTree($event)" [value]="currentValue?.display"
(keydown)="$event.preventDefault()" (focus)="onFocus($event)"
(keypress)="$event.preventDefault()" (change)="onChange($event)"
(keyup)="$event.preventDefault()"> (click)="openTree($event)"
(keydown)="$event.preventDefault()"
(keypress)="$event.preventDefault()"
(keyup)="$event.preventDefault()">
</div>

10
src/app/shared/form/builder/ds-dynamic-form-ui/models/onebox/dynamic-onebox.component.scss
View File

@@ -1,3 +1,5 @@
@import '../../../../form.component';
:host ::ng-deep .dropdown-menu { :host ::ng-deep .dropdown-menu {
width: 100% !important; width: 100% !important;
max-height: var(--ds-dropdown-menu-max-height); max-height: var(--ds-dropdown-menu-max-height);
@@ -21,3 +23,11 @@
max-height: 85vh !important; max-height: 85vh !important;
overflow-y: auto; overflow-y: auto;
} }
.tree-toggle {
padding: 0.70rem 0.70rem 0 0.70rem ;
}
.tree-input[readonly]{
background-color: #fff;
}