From cabb0e2da9d73c77005b31c576468d0db6e3d165 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 27 Apr 2026 17:09:37 -0600
Subject: [PATCH 1/2] fix: popover action bar behind modal

---
 packages/ui/src/components/base/FloatingActionBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/base/FloatingActionBar.vue b/packages/ui/src/components/base/FloatingActionBar.vue
index dc97b5dbd0..f71b2005f4 100644
--- a/packages/ui/src/components/base/FloatingActionBar.vue
+++ b/packages/ui/src/components/base/FloatingActionBar.vue
@@ -12,7 +12,7 @@ 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 + 9)
 
 function checkCompact() {
 	const el = toolbarEl.value

From 7d6c4c43d6416a9f1f89108cb7f3edfa1fc79d8b Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 27 Apr 2026 17:25:43 -0600
Subject: [PATCH 2/2] 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 f71b2005f4..fd46ec68da 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 + 9)
+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 8ee63deaf0..949f26ad93 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, {