Utilizing Jquery UI Dialog to showcase a popup box
In my design, there is a grid on the page where each row contains an icon that triggers a dialog box
An issue arises when scrolling down and opening a dialog at the bottom of the grid, as it causes the page to scroll back to the top
Is there a solution to prevent this disruption?
My goal is to have the dialog open without changing the scroll position of the page
$('#AmendLineDialogBox').dialog({
autoOpen: true,
modal: true,
closeOnEscape: true,
buttons:
{
'Ok': function () {
// ...snip
$(this).dialog("close");
},
'Cancel': function () {
$(this).dialog("close");
}
},
position: 'center',
title: 'Amendment'
});