Merge remote-tracking branch 'origin/feature/SUPPORT-9116_clear_tree' into develop

frontend/src/resources/css/components-autority.css

@@ -300,6 +300,10 @@
 .webbpm.account-applications dropdown-tree-view .bi-caret-right-fill::before {
     content: "\f4fd";
 }
+.webbpm.account-applications dropdown-tree-view :focus {
+    outline: none !important;
+    box-shadow: none !important;
+}
 /* DropDownTree end */
 
 .webbpm.account-applications .selectize-dropdown, 

frontend/src/resources/template/account_applications/component/field/DropdownTreeView.html

@@ -4,7 +4,7 @@
            [hidden]="!label" class="control-label">
         <span>{{label}}<span *ngIf="isRequired()" class="alarm"> *</span></span>
     </label>
-    <div>
+    <div tabindex="0" (keydown)="onKeyDown($event)">
         <ngx-dropdown-treeview-select
             [items]="items"
             [maxHeight]="maxHeight"

frontend/src/ts/account_applications/component/field/DropdownTreeViewComponent.ts

@@ -8,6 +8,7 @@ import {
 import {
   AdvancedProperty,
   Event,
+  EventUtils,
   InputControl,
   LocalStorageService,
   NotNull,
@@ -269,6 +270,15 @@ export class DropdownTreeViewComponent extends InputControl {
     return null;
   }
 
+  onKeyDown(event: KeyboardEvent): void {
+    const isInput = (event.target as HTMLElement).tagName === 'INPUT';
+    if (EventUtils.isKeyBackspace(event) && !isInput && this.value) {
+      this.clearValue();
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  }
+
   onChange() {
     super.onChange();
     this.valueChangeEvent.trigger(this.value);