From 347af7d417dbcf3eb5003652c325438bbe860e63 Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Mon, 25 Aug 2025 11:53:36 -0500
Subject: [PATCH] fix: Can't add first shopping list item to shopping list
 (#6013)

---
 .../Domain/ShoppingList/ShoppingListItemEditor.vue           | 2 +-
 frontend/components/global/InputQuantity.vue                 | 3 ++-
 .../sub-composables/use-shopping-list-crud.ts                | 5 ++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue b/frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue
index e10a70332..0c67fc1ce 100644
--- a/frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue
+++ b/frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue
@@ -69,7 +69,7 @@
           </div>
           <BaseButton
             v-if="listItem.labelId && listItem.food && listItem.labelId !== listItem.food.labelId"
-            size="small"
+            small
             color="info"
             :icon="$globals.icons.tagArrowRight"
             :text="$t('shopping-list.save-label')"
diff --git a/frontend/components/global/InputQuantity.vue b/frontend/components/global/InputQuantity.vue
index 17b224ace..ab7e6cd45 100644
--- a/frontend/components/global/InputQuantity.vue
+++ b/frontend/components/global/InputQuantity.vue
@@ -10,8 +10,9 @@
       :min="min"
       :max="max"
       type="number"
-      size="small"
       variant="plain"
+      density="compact"
+      style="width: 60px;"
     />
   </div>
 </template>
diff --git a/frontend/composables/shopping-list-page/sub-composables/use-shopping-list-crud.ts b/frontend/composables/shopping-list-page/sub-composables/use-shopping-list-crud.ts
index 05911b81d..3d99bebeb 100644
--- a/frontend/composables/shopping-list-page/sub-composables/use-shopping-list-crud.ts
+++ b/frontend/composables/shopping-list-page/sub-composables/use-shopping-list-crud.ts
@@ -150,7 +150,10 @@ export function useShoppingListCrud(
 
     loadingCounter.value += 1;
 
-    // make sure it's inserted into the end of the list, which may have been updated
+    // ensure list id is set to the current list, which may not have loaded yet in the factory
+    createListItemData.value.shoppingListId = shoppingList.value.id;
+
+    // ensure item is inserted into the end of the list, which may have been updated
     createListItemData.value.position = shoppingList.value?.listItems?.length
       ? (shoppingList.value.listItems.reduce((a, b) => (a.position || 0) > (b.position || 0) ? a : b).position || 0) + 1
       : 0;