Don't lazy load iframes (fixes #2421)

changelog/74_UNRELEASED_xxxx-xx-xx.md

@@ -59,6 +59,7 @@
 
 - Optimized sidebar icon spacing (thanks @chris-thorn)
 - Fixed that file uploads (product pictures and so on) didn't work for files where the file name contains multiple spaces
+- Fixed that some dialogs were not properly (too small) displayed in Firefox >= 121
 
 ### API
 

public/js/grocy.js

@@ -564,10 +564,6 @@ $(window).on('resize', function()
 {
 	ResizeResponsiveEmbeds($("body").hasClass("fullscreen-card"));
 });
-$("iframe").on("load", function()
-{
-	ResizeResponsiveEmbeds($("body").hasClass("fullscreen-card"));
-});
 
 function WindowMessageBag(message, payload = null)
 {
@@ -708,7 +704,7 @@ $(document).on("click", ".show-as-dialog-link", function(e)
 	var link = $(e.currentTarget).attr("href");
 
 	bootbox.dialog({
-		message: '<iframe height="650px" class="embed-responsive" src="' + link + '" loading="lazy"></iframe>',
+		message: '<iframe height="650px" class="embed-responsive" src="' + link + '"></iframe>',
 		size: 'large',
 		backdrop: true,
 		closeButton: false,

public/viewjs/mealplan.js

@@ -927,7 +927,7 @@ $(document).on("click", ".display-recipe-button", function(e)
 		function(result)
 		{
 			bootbox.dialog({
-				message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipes?embedded&recipe=") + objectId + '#fullscreen" loading="lazy"></iframe>',
+				message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipes?embedded&recipe=") + objectId + '#fullscreen"></iframe>',
 				size: 'extra-large',
 				backdrop: true,
 				closeButton: false,

public/viewjs/quantityunitform.js

@@ -198,7 +198,7 @@ $("#test-quantityunit-plural-forms-button").on("click", function(e)
 	$("#save-quantityunit-button").click();
 
 	bootbox.alert({
-		message: '<iframe height="400px" class="embed-responsive" src="' + U("/quantityunitpluraltesting?embedded&qu=") + Grocy.EditObjectId.toString() + '" loading="lazy"></iframe>',
+		message: '<iframe height="400px" class="embed-responsive" src="' + U("/quantityunitpluraltesting?embedded&qu=") + Grocy.EditObjectId.toString() + '"></iframe>',
 		closeButton: false,
 		size: "large",
 		callback: function(result)

public/viewjs/recipeform.js

@@ -220,7 +220,7 @@ $(document).on('click', '.recipe-pos-edit-button', function(e)
 	var recipePosId = $(e.currentTarget).attr('data-recipe-pos-id');
 
 	bootbox.dialog({
-		message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipe/") + Grocy.EditObjectId.toString() + '/pos/' + recipePosId.toString() + '?embedded&product=' + productId.toString() + '" loading="lazy"></iframe>',
+		message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipe/") + Grocy.EditObjectId.toString() + '/pos/' + recipePosId.toString() + '?embedded&product=' + productId.toString() + '"></iframe>',
 		size: 'large',
 		backdrop: true,
 		closeButton: false,
@@ -266,7 +266,7 @@ $("#recipe-pos-add-button").on("click", function(e)
 	e.preventDefault();
 
 	bootbox.dialog({
-		message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipe/") + Grocy.EditObjectId + '/pos/new?embedded" loading="lazy"></iframe>',
+		message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipe/") + Grocy.EditObjectId + '/pos/new?embedded"></iframe>',
 		size: 'large',
 		backdrop: true,
 		closeButton: false,

public/viewjs/recipes.js

@@ -291,7 +291,7 @@ recipesTables.on('select', function(e, dt, type, indexes)
 		else
 		{
 			bootbox.dialog({
-				message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipes?embedded&recipe=") + selectedRecipeId + '#fullscreen" loading="lazy"></iframe>',
+				message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipes?embedded&recipe=") + selectedRecipeId + '#fullscreen"></iframe>',
 				size: 'extra-large',
 				backdrop: true,
 				closeButton: false,
@@ -323,7 +323,7 @@ $(".recipe-gallery-item").on("click", function(e)
 	else
 	{
 		bootbox.dialog({
-			message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipes?embedded&recipe=") + selectedRecipeId + '#fullscreen" loading="lazy"></iframe>',
+			message: '<iframe height="650px" class="embed-responsive" src="' + U("/recipes?embedded&recipe=") + selectedRecipeId + '#fullscreen"></iframe>',
 			size: 'extra-large',
 			backdrop: true,
 			closeButton: false,

views/shoppinglist.blade.php

@@ -322,8 +322,7 @@
 			<div class="modal-body">
 				<iframe id="shopping-list-stock-add-workflow-purchase-form-frame"
 					class="embed-responsive"
-					src=""
+					src=""></iframe>
-					loading="lazy"></iframe>
 			</div>
 			<div class="modal-footer">
 				<span id="shopping-list-stock-add-workflow-purchase-item-count"