kenmirrors/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2025-08-19 03:40:10 +00:00
Code Issues Projects Releases Wiki Activity

Added a workaround for sporadically (not fully reproducible) empty modal iframes in Chrome based Browsers (references #2480 and #2421)

Browse Source
This commit is contained in:
Bernd Bestel
2024-02-24 15:36:43 +01:00
parent ac26c5510b
commit 11ac985e57
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/js/grocy.js
View File

@@ -554,9 +554,27 @@ ResizeResponsiveEmbeds = function(fillEntireViewport = false)
} }
$("embed.embed-responsive").attr("height", maxHeight.toString() + "px"); $("embed.embed-responsive").attr("height", maxHeight.toString() + "px");
ResizeIframes();
}
ResizeIframes = function()
{
$("iframe.embed-responsive").each(function() $("iframe.embed-responsive").each(function()
{ {
$(this).attr("height", $(this)[0].contentWindow.document.body.scrollHeight.toString() + "px"); var desiredHeight = $(this)[0].contentWindow.document.body.scrollHeight;
if (desiredHeight == 0)
{
// The corresponding frame should be loaded after the "onload" event fired,
// this seems to be sometimes (not really reproducible) not the case in Chrome based Browsers...
// => So if that happens, just try this again later
setTimeout(function()
{
ResizeIframes();
}, 200);
}
else
{
$(this).attr("height", desiredHeight.toString() + "px");
}
}); });
} }
$(window).on('resize', function() $(window).on('resize', function()