From 2c1148648df5efffafcb6be617c17ca019d79263 Mon Sep 17 00:00:00 2001
From: Harvey Lee <harveylee@users.noreply.github.com>
Date: Fri, 4 Mar 2022 16:04:27 +1100
Subject: [PATCH] Add stop modifier to RowCheckbox click event

To prevent clicks from propagating through to the row and triggering a row select/unselect event which undoes the effect.
---
 src/components/datatable/RowCheckbox.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/datatable/RowCheckbox.vue b/src/components/datatable/RowCheckbox.vue
index a5c50b177..20929bbae 100755
--- a/src/components/datatable/RowCheckbox.vue
+++ b/src/components/datatable/RowCheckbox.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="['p-checkbox p-component', {'p-checkbox-focused': focused}]" @click="onClick">
+    <div :class="['p-checkbox p-component', {'p-checkbox-focused': focused}]" @click.stop.prevent="onClick">
         <div ref="box" :class="['p-checkbox-box p-component', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]"
             role="checkbox" :aria-checked="checked" :tabindex="$attrs.disabled ? null : '0'" @keydown.space.prevent="onClick" @focus="onFocus($event)" @blur="onBlur($event)">
             <span :class="['p-checkbox-icon', {'pi pi-check': checked}]"></span>