Hi All,
We have a number of modal forms in our application where the datepicker appears below the bottom of the modal

This makes it impossible to select the later dates on the date picker.
I've written an on-load jQuery in the parent of the modal page to take advantage of the scroll height and increase the divs height accordingly, What is the best approach?
Thanks
function setIframeHeight(iframe,origHeight) {
if (iframe) {
parent\_container = $('.t-Dialog-page--standard');
var iframeWin = iframe.contentWindow;
if (iframeWin.document.body) {
if (iframeWin.document.documentElement.scrollHeight > iframeWin.document.documentElement.clientHeight)
{ newHeight = iframeWin.document.documentElement.scrollHeight;
$(parent\_container).height(newHeight);}
else {$(parent\_container).height(origHeight);}
}
}
setTimeout(function(){setIframeHeight($('#apex_dialog_1 iframe')[0],origHeight);}, 1000);
};
$(window).on( "dialogfocus", function() {
setTimeout(function(){setIframeHeight($('#apex\_dialog\_1 iframe')\[0\],$('#apex\_dialog\_1').height());}, 2000);
});