Merge pull request #15340 from tanthammar/column-click-prevent

Prevent stacked, editable table columns to trigger wrapping a.href

Author: danharrin

packages/tables/resources/views/columns/checkbox-column.blade.php

@@ -15,6 +15,7 @@
 
         state: @js($state),
     }"
+    x-on:click.stop.prevent=""
     x-init="
         () => {
             Livewire.hook('commit', ({ component, commit, succeed, fail, respond }) => {

packages/tables/resources/views/columns/select-column.blade.php

@@ -72,7 +72,7 @@
                     theme: $store.theme,
                 }
         "
-        x-on:click.stop=""
+        x-on:click.stop.prevent=""
     >
         <x-filament::input.select
             :disabled="$isDisabled"

packages/tables/resources/views/columns/text-input-column.blade.php

@@ -87,7 +87,7 @@
                     theme: $store.theme,
                 }
         "
-        x-on:click.stop=""
+        x-on:click.stop.prevent=""
     >
         {{-- format-ignore-start --}}
         <x-filament::input

packages/tables/resources/views/columns/toggle-column.blade.php

@@ -31,9 +31,10 @@
             role="switch"
             aria-checked="false"
             x-bind:aria-checked="state.toString()"
+            wire:loading.attr="disabled"
             @if (! $isDisabled)
-                x-on:click.stop="
-                    if (isLoading) {
+                x-on:click.stop.prevent="
+                    if (isLoading || $el.hasAttribute('disabled')) {
                         return
                     }