From bb242d99a6b7715203e2fcc96c1f9512173773a3 Mon Sep 17 00:00:00 2001
From: Nona Luypaert <nona.luypaert@atmire.com>
Date: Wed, 26 Apr 2023 18:37:55 +0200
Subject: [PATCH] 101353: Fix VocabularyTreeview onSelect being called twice

---
 .../vocabulary-treeview.component.html                    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/form/vocabulary-treeview/vocabulary-treeview.component.html b/src/app/shared/form/vocabulary-treeview/vocabulary-treeview.component.html
index 0c90ae473b2..82d8077dbc2 100644
--- a/src/app/shared/form/vocabulary-treeview/vocabulary-treeview.component.html
+++ b/src/app/shared/form/vocabulary-treeview/vocabulary-treeview.component.html
@@ -33,7 +33,9 @@ <h4 *ngIf="!(loading | async) && dataSource.data.length === 0" class="text-cente
                 container="body"
                 (click)="onSelect(node.item)">
           <span *ngIf="multiSelect" class="form-check">
-            <input class="form-check-input" type="checkbox" id="leaf-node-checkbox_{{node.item.id}}" [checked]="node.isSelected">
+            <!-- checkbox (click) needs to be stopped, to prevent that button (click) gets called twice -->
+            <input class="form-check-input" type="checkbox" id="leaf-node-checkbox_{{node.item.id}}"
+                   [checked]="node.isSelected" (click)="$event.stopPropagation()">
             <label class="form-check-label" for="leaf-node-checkbox_{{node.item.id}}">{{node.item.display}}</label>
           </span>
           <span *ngIf="!multiSelect">{{node.item.display}}</span>
@@ -57,7 +59,9 @@ <h4 *ngIf="!(loading | async) && dataSource.data.length === 0" class="text-cente
                 container="body"
                 (click)="onSelect(node.item)">
           <span *ngIf="multiSelect" class="form-check">
-            <input class="form-check-input" type="checkbox" id="expandable-node-checkbox_{{node.item.id}}" [checked]="node.isSelected">
+            <!-- checkbox (click) needs to be stopped, to prevent that button (click) gets called twice -->
+            <input class="form-check-input" type="checkbox" id="expandable-node-checkbox_{{node.item.id}}"
+                   [checked]="node.isSelected" (click)="$event.stopPropagation()">
             <label class="form-check-label" for="expandable-node-checkbox_{{node.item.id}}">{{node.item.display}}</label>
           </span>
           <span *ngIf="!multiSelect">{{node.item.display}}</span>