From 2bc58e083d9158dfe47caf4e61713492404add70 Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Sat, 24 Aug 2024 20:01:01 +0200
Subject: [PATCH] Fixed recipe edit button on recipes page gallery view (fixes
 #2541)

---
 changelog/76_UNRELEASED_xxxx-xx-xx.md | 1 +
 public/viewjs/recipes.js              | 5 +++++
 views/recipes.blade.php               | 4 ++--
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/changelog/76_UNRELEASED_xxxx-xx-xx.md b/changelog/76_UNRELEASED_xxxx-xx-xx.md
index 9cba9c3c..aa0ab397 100644
--- a/changelog/76_UNRELEASED_xxxx-xx-xx.md
+++ b/changelog/76_UNRELEASED_xxxx-xx-xx.md
@@ -27,6 +27,7 @@
 - When self producing a product ("Produces product" recipe option) the name of the recipe is now added to the note field of the created stock entry
 - Fixed that when `FEATURE_FLAG_STOCK_STOCK` was set to `false`, the "Put missing products on shopping list"-button was not visible
 - Fixed that scanning a product barcode on the recipe ingredient edit page didn't work
+- Fixed that the recipe edit button on the recipes page gallery view didn't work
 
 ### Meal plan
 
diff --git a/public/viewjs/recipes.js b/public/viewjs/recipes.js
index c927e7cc..0fcb0772 100644
--- a/public/viewjs/recipes.js
+++ b/public/viewjs/recipes.js
@@ -341,6 +341,11 @@ $(".recipe-gallery-item").on("click", function(e)
 	}
 });
 
+$(".recipe-edit-button").on("click", function(e)
+{
+	e.stopPropagation();
+});
+
 $(".recipe-fullscreen").on('click', function(e)
 {
 	e.preventDefault();
diff --git a/views/recipes.blade.php b/views/recipes.blade.php
index 4e763ee9..478fe9f5 100644
--- a/views/recipes.blade.php
+++ b/views/recipes.blade.php
@@ -161,7 +161,7 @@
 						<tr id="recipe-row-{{ $recipe->id }}"
 							data-recipe-id="{{ $recipe->id }}">
 							<td class="fit-content border-right">
-								<a class="btn btn-info btn-sm hide-when-embedded hide-on-fullscreen-card"
+								<a class="btn btn-info btn-sm hide-when-embedded hide-on-fullscreen-card recipe-edit-button"
 									href="{{ $U('/recipe/') }}{{ $recipe->id }}"
 									data-toggle="tooltip"
 									title="{{ $__t('Edit this item') }}">
@@ -280,7 +280,7 @@
 										title="{{ $__t('Delete this item') }}">
 										<i class="fa-solid fa-trash"></i>
 									</a>
-									<a class="btn btn-outline-info btn-xs hide-when-embedded hide-on-fullscreen-card"
+									<a class="btn btn-outline-info btn-xs hide-when-embedded hide-on-fullscreen-card recipe-edit-button"
 										href="{{ $U('/recipe/') }}{{ $recipe->id }}"
 										data-toggle="tooltip"
 										title="{{ $__t('Edit this item') }}">