From b39544b50eee727474146d4f5e3e35f19a9e44c1 Mon Sep 17 00:00:00 2001
From: Truman Gao <106889354+tdgao@users.noreply.github.com>
Date: Mon, 27 Apr 2026 17:33:33 -0600
Subject: [PATCH] fix: popover action bar behind modal (#5937)

* fix: popover action bar behind modal

* fix: only below modal for backups
---
 packages/ui/src/components/base/FloatingActionBar.vue      | 3 ++-
 packages/ui/src/layouts/wrapped/hosting/manage/backups.vue | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/base/FloatingActionBar.vue b/packages/ui/src/components/base/FloatingActionBar.vue
index dc97b5dbd..fd46ec68d 100644
--- a/packages/ui/src/components/base/FloatingActionBar.vue
+++ b/packages/ui/src/components/base/FloatingActionBar.vue
@@ -6,13 +6,14 @@ import { useModalStack } from '../../composables/modal-stack'
 const props = defineProps<{
 	shown: boolean
 	ariaLabel?: string
+	belowModal?: boolean
 }>()
 
 const toolbarEl = ref<HTMLElement | null>(null)
 const compact = ref(false)
 
 const { stackCount } = useModalStack()
-const zIndex = computed(() => 100 + stackCount.value * 10 + 8)
+const zIndex = computed(() => 100 + stackCount.value * 10 + 8 + (!props.belowModal ? 1 : 0))
 
 function checkCompact() {
 	const el = toolbarEl.value
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/backups.vue b/packages/ui/src/layouts/wrapped/hosting/manage/backups.vue
index 8ee63deaf..949f26ad9 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/backups.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/backups.vue
@@ -160,6 +160,7 @@
 				</div>
 
 				<FloatingActionBar
+					below-modal
 					:shown="selectedIds.size > 0 || isBulkOperating"
 					:aria-label="
 						formatMessage(messages.bulkBarAriaLabel, {