From f48a2f64dbf70aaf6757b705579f77562ec91d52 Mon Sep 17 00:00:00 2001
From: "Calum H." <calum@modrinth.com>
Date: Tue, 16 Jun 2026 17:01:49 +0100
Subject: [PATCH] fix: content modals missing nexttick (#6412)

---
 .../content-tab/components/modals/ConfirmBulkUpdateModal.vue | 5 +++--
 .../content-tab/components/modals/ConfirmDeletionModal.vue   | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmBulkUpdateModal.vue b/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmBulkUpdateModal.vue
index 3b12b4575..92c2863ff 100644
--- a/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmBulkUpdateModal.vue
+++ b/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmBulkUpdateModal.vue
@@ -45,7 +45,7 @@
 
 <script setup lang="ts">
 import { DownloadIcon, XIcon } from '@modrinth/assets'
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'
 
 import Admonition from '#ui/components/base/Admonition.vue'
 import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
@@ -100,7 +100,8 @@ const buttonsDisabled = ref(false)
 const visibleCount = ref(props.count)
 const visibleBackupTip = ref(props.backupTip)
 
-function show() {
+async function show() {
+	await nextTick()
 	visibleCount.value = props.count
 	visibleBackupTip.value = props.backupTip
 	modal.value?.show()
diff --git a/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmDeletionModal.vue b/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmDeletionModal.vue
index 4c687389f..18e1dc8e3 100644
--- a/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmDeletionModal.vue
+++ b/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmDeletionModal.vue
@@ -54,7 +54,7 @@
 
 <script setup lang="ts">
 import { TrashIcon, XIcon } from '@modrinth/assets'
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'
 
 import Admonition from '#ui/components/base/Admonition.vue'
 import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
@@ -113,7 +113,8 @@ const buttonsDisabled = ref(false)
 const visibleCount = ref(props.count)
 const visibleItemType = ref(props.itemType)
 
-function show() {
+async function show() {
+	await nextTick()
 	visibleCount.value = props.count
 	visibleItemType.value = props.itemType
 	modal.value?.show()