Fix ColumnSelect Broken DOM

LowerRockLabs · Jul 20, 2023 · 33ebaea · 33ebaea
1 parent a4858ad
commit 33ebaea
Showing 1 changed file with 19 additions and 10 deletions.
diff --git 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>