From 81b211c76846a77845e579d4af3296950db45848 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 7 Jan 2026 11:43:43 +0000
Subject: [PATCH] Check for actions to be ready before showing the floating
 toolbar. This prevents custom actions like "Generate Social Images" from
 "popping in" to the floating toolbar prematurely

---
 resources/js/components/actions/BulkActions.vue    | 10 +++++++++-
 resources/js/components/ui/Listing/BulkActions.vue |  4 ++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/actions/BulkActions.vue b/resources/js/components/actions/BulkActions.vue
index 5382b1eb4a0..1661506a37d 100644
--- a/resources/js/components/actions/BulkActions.vue
+++ b/resources/js/components/actions/BulkActions.vue
@@ -16,6 +16,7 @@ const emit = defineEmits(['started', 'completed']);
 const { prepareActions, runServerAction } = useActions();
 
 let actions = ref([]);
+let actionsReady = ref(false);
 
 const confirmableActions = useTemplateRef('confirmableActions');
 
@@ -46,9 +47,12 @@ watch(props.selections, getActions, { deep: true });
 function getActions() {
     if (!hasSelections.value) {
         actions.value = [];
+        actionsReady.value = false;
         return;
     }
 
+    actionsReady.value = false;
+
     let params = {
         selections: toRaw(props.selections),
     };
@@ -59,7 +63,10 @@ function getActions() {
 
     axios
         .post(props.url + '/list', params)
-        .then(response => actions.value = response.data);
+        .then(response => {
+            actions.value = response.data;
+            actionsReady.value = true;
+        });
 }
 
 let errors = ref({});
@@ -91,5 +98,6 @@ function runAction(action, values, onSuccess, onError) {
     <slot
         v-if="showAlways || hasSelections"
         :actions="preparedActions"
+        :actionsReady="actionsReady"
     />
 </template>
diff --git a/resources/js/components/ui/Listing/BulkActions.vue b/resources/js/components/ui/Listing/BulkActions.vue
index 63ef6e7f578..f2b92c9e430 100644
--- a/resources/js/components/ui/Listing/BulkActions.vue
+++ b/resources/js/components/ui/Listing/BulkActions.vue
@@ -40,10 +40,10 @@ function actionFailed(response) {
         :context="actionContext"
         @started="actionStarted"
         @completed="actionCompleted"
-        v-slot="{ actions }"
+        v-slot="{ actions, actionsReady }"
     >
         <Motion
-            v-if="hasSelections"
+            v-if="hasSelections && actionsReady"
             layout
             data-floating-toolbar
             class="fixed inset-x-0 bottom-1 sm:bottom-6 z-100 flex w-full max-w-[95vw] mx-auto justify-center "