jQuery UI Modal Dialog with Buttons inside. Issue with IE7.
So I am calling my dialog by:
$edit.dialog({
modal: true,
autoOpen: false,
position: ['center','top'],
height: 800,
width: 1000,
minHeight: 300,
minWidth: 300
});
and my buttons by:
$('.toolbar_button').button();
Everything is fine in FF3, but in IE7, when scrolling the dialog box, the buttons disappear and/or stay anchored and follow the scrolling. This is due to the "position: relative" css property that is given to it by calling .button().
My workaround is calling this immediately after calling .button().
$('.toolbar_button').css('position','static');
I'm reporting it as a problem because it looks like a bug to me.
However, I found the code causing the problem and a workaround. Any thoughts? Or did I miss something?