diff --git a/src/UI/resources/css/components/tables.css b/src/UI/resources/css/components/tables.css index bdec1c2ca..ae23920fa 100644 --- a/src/UI/resources/css/components/tables.css +++ b/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; + } } } diff --git a/src/UI/resources/js/Components/Dropdown.js b/src/UI/resources/js/Components/Dropdown.js index 3a317027b..a778de82f 100644 --- a/src/UI/resources/js/Components/Dropdown.js +++ b/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', diff --git a/src/UI/resources/views/components/action-group.blade.php b/src/UI/resources/views/components/action-group.blade.php index 4f40234f6..643d14e6f 100644 --- a/src/UI/resources/views/components/action-group.blade.php +++ b/src/UI/resources/views/components/action-group.blade.php @@ -4,7 +4,7 @@ @if(count($actions))
merge(['class' => 'flex items-center gap-2']) }}> @if($actions->inDropdown()->isNotEmpty()) - + diff --git a/src/UI/resources/views/components/dropdown.blade.php b/src/UI/resources/views/components/dropdown.blade.php index 420b76b70..80facd579 100644 --- a/src/UI/resources/views/components/dropdown.blade.php +++ b/src/UI/resources/views/components/dropdown.blade.php @@ -6,9 +6,11 @@ 'searchable' => false, 'searchPlaceholder' => '', 'footer' => null, + 'strategy' => 'fixed', ])