From 930c92365d0a3ef9fe2a64db08593e0202ffce14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ars=C3=A8ne=20Reymond?=
 <66876397+p0lycarpio@users.noreply.github.com>
Date: Fri, 14 Nov 2025 17:05:54 +0100
Subject: [PATCH] fix: Improve recipe ingredient selection (#6518)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
---
 .../components/Domain/Recipe/RecipeIngredientEditor.vue  | 6 ++++--
 .../RecipePageParts/RecipePageIngredientEditor.vue       | 9 ++-------
 frontend/lang/messages/en-US.json                        | 4 +++-
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue b/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
index 63175ec10..ed508974a 100644
--- a/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
+++ b/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
@@ -173,9 +173,11 @@
           :items="search.data.value || []"
           item-title="name"
           class="mx-1 py-0"
-          placeholder="Choose Recipe"
+          :placeholder="$t('search.type-to-search')"
           clearable
-          label="Recipe"
+          :label="!model.referencedRecipe ? $t('recipe.choose-recipe') : ''"
+          @click="search.trigger()"
+          @focus="search.trigger()"
         >
           <template #prepend />
         </v-autocomplete>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
index 151c91a80..067e31ba2 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
@@ -75,11 +75,11 @@
         style="display: none"
         @bulk-data="addIngredient"
       />
-      <div class="d-inline-flex split-button">
+      <div class="d-inline-flex">
         <!-- Main button: Add Food -->
         <v-btn
           color="success"
-          class="split-main  ml-2"
+          class="split-main ml-2"
           @click="addIngredient"
         >
           <v-icon start>
@@ -263,11 +263,6 @@ function insertNewIngredient(dest: number) {
 </script>
 
 <style scoped>
-.split-button {
-  border-radius: 4px;
-  overflow: hidden;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-}
 .split-main {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
diff --git a/frontend/lang/messages/en-US.json b/frontend/lang/messages/en-US.json
index 155f500b2..3d507365f 100644
--- a/frontend/lang/messages/en-US.json
+++ b/frontend/lang/messages/en-US.json
@@ -565,6 +565,7 @@
     "choose-unit": "Choose Unit",
     "press-enter-to-create": "Press Enter to Create",
     "choose-food": "Choose Food",
+    "choose-recipe": "Choose Recipe",
     "notes": "Notes",
     "toggle-section": "Toggle Section",
     "see-original-text": "See Original Text",
@@ -734,7 +735,8 @@
     "search-hint": "Press '/'",
     "advanced": "Advanced",
     "auto-search": "Auto Search",
-    "no-results": "No results found"
+    "no-results": "No results found",
+    "type-to-search": "Type to search..."
   },
   "settings": {
     "add-a-new-theme": "Add a New Theme",