fix: sticky buttons with action button show in dropdown

issue #1462

src/UI/resources/css/components/tables.css

@@ -134,5 +134,9 @@ th,
 td {
   &.sticky-col {
     @apply md:sticky md:backdrop-blur;
+
+    &:has(.dropdown-body.visible) {
+      @apply z-1;
+    }
   }
 }

src/UI/resources/js/Components/Dropdown.js

@@ -21,10 +21,11 @@ export default () => ({
     }
 
     const dropdownPlacement = this.$root.dataset.dropdownPlacement
+    const dropdownStrategy = this.$root.dataset.dropdownStrategy
 
     this.popperInstance = createPopper(this.dropdownBtn, this.dropdownBody, {
       placement: dropdownPlacement ? dropdownPlacement : 'auto',
-      strategy: 'fixed',
+      strategy: dropdownStrategy ? dropdownStrategy : 'fixed',
       modifiers: [
         {
           name: 'offset',

src/UI/resources/views/components/action-group.blade.php

@@ -4,7 +4,7 @@
 @if(count($actions))
     <div {{ $attributes->merge(['class' => 'flex items-center gap-2']) }}>
         @if($actions->inDropdown()->isNotEmpty())
-            <x-moonshine::dropdown>
+            <x-moonshine::dropdown strategy="absolute">
                 <x-slot:toggler class="btn">
                     <x-moonshine::icon icon="ellipsis-vertical" />
                 </x-slot:toggler>

src/UI/resources/views/components/dropdown.blade.php

@@ -6,9 +6,11 @@
     'searchable' => false,
     'searchPlaceholder' => '',
     'footer' => null,
+    'strategy' => 'fixed',
 ])
 <div x-data="dropdown"
      @click.outside="closeDropdown"
+     data-dropdown-strategy="{{ $strategy }}"
      data-dropdown-placement="{{ $placement }}"
      data-searchable="{{$searchable}}"
      class="dropdown"

src/UI/src/Components/Dropdown.php

@@ -26,6 +26,7 @@ public function __construct(
         protected Closure|string $searchPlaceholder = '',
         public string $placement = 'bottom-start',
         public Closure|string $footer = '',
+        public string $strategy = 'fixed',
     ) {
         parent::__construct();
     }
@@ -89,6 +90,14 @@ public function footer(Closure|string $value): self
         return $this;
     }
 
+
+    public function strategy(string $strategy): self
+    {
+        $this->strategy = $strategy;
+
+        return $this;
+    }
+
     /**
      * @return array<string, mixed>
      */
@@ -101,6 +110,7 @@ protected function viewData(): array
             'searchable' => $this->searchable,
             'searchPlaceholder' => value($this->searchPlaceholder, $this),
             'items' => value($this->items, $this),
+            'strategy' => $this->strategy,
         ];
     }
 }