Prevent checkbox input event from bubbling up

rawilk · rawilk · commit 0aa58911f686 · 2022-03-30T13:02:54.000-05:00
diff --git a/resources/views/components/inputs/custom-select-option.blade.php b/resources/views/components/inputs/custom-select-option.blade.php
@@ -37,7 +37,7 @@
         >
             {{-- checkbox --}}
             @if ($showCheckbox && ! $isOptGroup)
-                <div class="flex-shrink-0 mr-2">
+                <div class="flex-shrink-0 mr-2" x-on:input.prevent.stop="() => {}">
                     <x-dynamic-component
                         :component="$multiple ? 'checkbox' : 'radio'"
                         x-bind:checked="optionSelected()"
diff --git a/resources/views/components/inputs/tree-select-option.blade.php b/resources/views/components/inputs/tree-select-option.blade.php
@@ -58,7 +58,7 @@ class="h-4 w-4 text-slate-400 group-hover:text-slate-600 transition-colors"
         >
             {{-- checkbox --}}
             @if ($showCheckbox)
-                <div class="flex-shrink-0 mr-2">
+                <div class="flex-shrink-0 mr-2" x-on:input.prevent.stop="() => {}">
                     <x-dynamic-component
                         :component="$multiple ? 'checkbox' : 'radio'"
                         x-bind:checked="optionSelected()"

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@`
`37`	`37`	`>`
`38`	`38`	`{{-- checkbox --}}`
`39`	`39`	`@if ($showCheckbox && ! $isOptGroup)`
`40`		`- <div class="flex-shrink-0 mr-2">`
	`40`	`+ <div class="flex-shrink-0 mr-2" x-on:input.prevent.stop="() => {}">`
`41`	`41`	`<x-dynamic-component`
`42`	`42`	`:component="$multiple ? 'checkbox' : 'radio'"`
`43`	`43`	`x-bind:checked="optionSelected()"`
Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ class="h-4 w-4 text-slate-400 group-hover:text-slate-600 transition-colors"`
`58`	`58`	`>`
`59`	`59`	`{{-- checkbox --}}`
`60`	`60`	`@if ($showCheckbox)`
`61`		`- <div class="flex-shrink-0 mr-2">`
	`61`	`+ <div class="flex-shrink-0 mr-2" x-on:input.prevent.stop="() => {}">`
`62`	`62`	`<x-dynamic-component`
`63`	`63`	`:component="$multiple ? 'checkbox' : 'radio'"`
`64`	`64`	`x-bind:checked="optionSelected()"`