From 33ebaea7ed199d49298c8848f9b7be0ade9e5331 Mon Sep 17 00:00:00 2001
From: lrljoe <joe@lowerrocklabs.com>
Date: Thu, 20 Jul 2023 23:28:19 +0100
Subject: [PATCH] Fix ColumnSelect Broken DOM

---
 .../views/components/tools/toolbar.blade.php  | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/resources/views/components/tools/toolbar.blade.php b/resources/views/components/tools/toolbar.blade.php
index ae03a0437..8e010f23d 100644
--- a/resources/views/components/tools/toolbar.blade.php
+++ b/resources/views/components/tools/toolbar.blade.php
@@ -213,12 +213,15 @@ class="absolute right-0 z-50 mt-2 w-full bg-white rounded-md divide-y divide-gra
                                             class="inline-flex items-center px-2 py-1 disabled:opacity-50 disabled:cursor-wait">
                                             <input
                                                 class="text-indigo-600 transition duration-150 ease-in-out border-gray-300 rounded shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-900 dark:text-white dark:border-gray-600 dark:hover:bg-gray-600 dark:focus:bg-gray-600 disabled:opacity-50 disabled:cursor-wait"
-                                                @if ($component->allDefaultVisibleColumnsAreSelected()) checked
+                                                wire:loading.attr="disabled" type="checkbox"
+                                                @if ($component->allDefaultVisibleColumnsAreSelected()) 
+                                                    checked
                                                     wire:click="deselectAllColumns"
                                                 @else
                                                     unchecked
-                                                    wire:click="selectAllColumns" @endif
-                                                wire:loading.attr="disabled" type="checkbox" />
+                                                    wire:click="selectAllColumns" 
+                                                @endif
+                                                 />
                                             <span class="ml-2">{{ __('All Columns') }}</span>
                                         </label>
                                     </div>
@@ -450,12 +453,15 @@ class="dropdown d-block d-md-inline"
                             <div>
                                 <label wire:loading.attr="disabled" class="px-2 mb-1">
                                     <input
-                                        @if ($component->allDefaultVisibleColumnsAreSelected()) checked
+                                        wire:loading.attr="disabled" type="checkbox" 
+                                        @if ($component->allDefaultVisibleColumnsAreSelected()) 
+                                            checked
                                             wire:click="deselectAllColumns"
                                         @else
                                             unchecked
-                                            wire:click="selectAllColumns" @endif
-                                        wire:loading.attr="disabled" type="checkbox" />
+                                            wire:click="selectAllColumns" 
+                                        @endif
+                                        />
                                     <span class="ml-2">{{ __('All Columns') }}</span>
                                 </label>
                             </div>
@@ -673,12 +679,15 @@ class="dropdown d-block d-md-inline"
                             aria-labelledby="columnSelect-{{ $component->getTableName() }}">
                             <div class="form-check ms-2">
                                 <input
-                                    @if ($component->allDefaultVisibleColumnsAreSelected()) checked
-                                    wire:click="deselectAllColumns"
+                                    wire:loading.attr="disabled" type="checkbox" class="form-check-input"
+                                    @if ($component->allDefaultVisibleColumnsAreSelected()) 
+                                        checked
+                                        wire:click="deselectAllColumns"
                                     @else
                                         unchecked
-                                    wire:click="selectAllColumns" @endif
-                                    wire:loading.attr="disabled" type="checkbox" class="form-check-input" />
+                                        wire:click="selectAllColumns" 
+                                    @endif
+                                     />
                                 <label wire:loading.attr="disabled" class="form-check-label">
                                     {{ __('All Columns') }}
                                 </label>