diff --git a/resources/views/components/tools/filter-pills.blade.php b/resources/views/components/tools/filter-pills.blade.php
index d046e891c..d2c753337 100644
--- a/resources/views/components/tools/filter-pills.blade.php
+++ b/resources/views/components/tools/filter-pills.blade.php
@@ -3,7 +3,7 @@
merge([
'wire:loading.class' => $this->displayFilterPillsWhileLoading ? '' : 'invisible',
- 'x-cloak',
+ 'x-cloak' => '',
])
->class([
'mb-4 px-4 md:p-0' => $isTailwind,
@@ -27,4 +27,4 @@
@endtableloop
-
\ No newline at end of file
+
diff --git a/resources/views/components/tools/toolbar/items/bulk-actions.blade.php b/resources/views/components/tools/toolbar/items/bulk-actions.blade.php
index 12ea6bb18..35ecae5aa 100644
--- a/resources/views/components/tools/toolbar/items/bulk-actions.blade.php
+++ b/resources/views/components/tools/toolbar/items/bulk-actions.blade.php
@@ -94,8 +94,8 @@ class="origin-top-right absolute right-0 mt-2 w-full md:w-48 rounded-md shadow-l
{{
$attributes->merge($this->getBulkActionsMenuAttributes)
->class([
- 'dropdown-menu dropdown-menu-right w-100' => $isBootstrap4 && ($this->getBulkActionsMenuAttributes['default-styling'] ?? true),
- 'dropdown-menu dropdown-menu-end w-100' => $isBootstrap5 && ($this->getBulkActionsMenuAttributes['default-styling'] ?? true),
+ 'dropdown-menu dropdown-menu-right w-auto' => $isBootstrap4 && ($this->getBulkActionsMenuAttributes['default-styling'] ?? true),
+ 'dropdown-menu dropdown-menu-end w-auto' => $isBootstrap5 && ($this->getBulkActionsMenuAttributes['default-styling'] ?? true),
])
->except(['default','default-styling','default-colors'])
}}
diff --git a/resources/views/components/tools/toolbar/items/column-select.blade.php b/resources/views/components/tools/toolbar/items/column-select.blade.php
index 388b9171c..cdaab8a59 100644
--- a/resources/views/components/tools/toolbar/items/column-select.blade.php
+++ b/resources/views/components/tools/toolbar/items/column-select.blade.php
@@ -122,7 +122,7 @@ class="inline-flex items-center px-2 py-1 disabled:opacity-50 disabled:cursor-wa
{{
$attributes->merge($this->getColumnSelectButtonAttributes())
->class([
- 'btn dropdown-toggle d-block w-100 d-md-inline' => $this->getColumnSelectButtonAttributes()['default-styling'],
+ 'btn dropdown-toggle d-block w-auto d-md-inline' => $this->getColumnSelectButtonAttributes()['default-styling'],
])
->except(['default-styling', 'default-colors'])
}}
@@ -135,8 +135,8 @@ class="inline-flex items-center px-2 py-1 disabled:opacity-50 disabled:cursor-wa
$isBootstrap4,
- 'dropdown-menu dropdown-menu-end w-100' => $isBootstrap5,
+ 'dropdown-menu dropdown-menu-right w-auto mt-0 mt-md-3' => $isBootstrap4,
+ 'dropdown-menu dropdown-menu-end w-auto' => $isBootstrap5,
])
aria-labelledby="columnSelect-{{ $tableName }}"
>
diff --git a/src/Traits/Helpers/TableAttributeHelpers.php b/src/Traits/Helpers/TableAttributeHelpers.php
index 36971ab3e..e9a2e269b 100644
--- a/src/Traits/Helpers/TableAttributeHelpers.php
+++ b/src/Traits/Helpers/TableAttributeHelpers.php
@@ -131,7 +131,7 @@ public function getTopLevelAttributesArray(): array
return [
'x-data' => 'laravellivewiretable($wire)',
'x-init' => "setTableId('".$this->getTableAttributes()['id']."'); setAlpineBulkActions('".$this->showBulkActionsDropdownAlpine()."'); setPrimaryKeyName('".$this->getPrimaryKey()."');",
- 'x-cloak',
+ 'x-cloak' => '',
'x-show' => 'shouldBeDisplayed',
'x-on:show-table.window' => 'showTable(event)',
'x-on:hide-table.window' => 'hideTable(event)',