From b15740bdede5a799bcf89d11433184554e46a663 Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Wed, 11 Nov 2020 20:14:16 +0100
Subject: [PATCH] Fixed dropdown menu in tables overflow

---
 public/css/grocy.css |  4 ++++
 public/js/grocy.js   | 19 ++++++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/public/css/grocy.css b/public/css/grocy.css
index 5792d904..d089e20d 100755
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -341,6 +341,10 @@ a:not([href]) {
 	display: none;
 }
 
+.force-overflow-visible {
+	overflow: visible !important;
+}
+
 .grab-cursor {
 	cursor: grab;
 }
diff --git a/public/js/grocy.js b/public/js/grocy.js
index adb5f8b7..cfcd279e 100644
--- a/public/js/grocy.js
+++ b/public/js/grocy.js
@@ -719,11 +719,28 @@ $('.table').on('column-sizing.dt', function(e, settings)
 	if (dtScrollWidth < tableWidth)
 	{
 		$('.dataTables_scrollBody').addClass("grab-cursor");
-	} else
+		$('.dataTables_scrollBody').removeClass("force-overflow-visible");
+	}
+	else
 	{
 		$('.dataTables_scrollBody').removeClass("grab-cursor");
+		$('.dataTables_scrollBody').addClass("force-overflow-visible");
 	}
 });
+$('td .dropdown').on('show.bs.dropdown', function(e)
+{
+	if ($('.dataTables_scrollBody').hasClass("grab-cursor"))
+	{
+		$('.dataTables_scrollBody').addClass("force-overflow-visible");
+	}
+});
+$("td .dropdown").on('hide.bs.dropdown', function(e)
+{
+	if ($('.dataTables_scrollBody').hasClass("grab-cursor"))
+	{
+		$('.dataTables_scrollBody').removeClass("force-overflow-visible");
+	}
+})
 
 $(window).on("message", function(e)
 {