Ui Dialog Position in Webkit (banging head against wall!!) kinda solved but still not sure why.
I figured out that just by setting position: absolute; in the stylesheet it carries over to the dialog once it is created. The dialog having absolute positioning on it solved the left position problem for me. I just don't understand why. Is that a bug in webkit or jQuery UI that it needs to be absolutely positioned in order to calculate the left position correctly? Anyone know about this?
As you can tell from the post title I have a webkit problem. I have pretty straight forward code for this and the problem is that webkit is not positioning the dialog correctly. What I do is create an element when a link is clicked. Then the element is created, appended and content is loaded in. Pretty simple no?
The top position works fine but the left position is just set to 0px. Firefox works fine. It centers it and there is no problem. Why is webkit not obeying the positioning on this? And also, how do you get the dialog positioning to "absolute"? I see it working on the jQuery demo page for the dialog but mine just keeps going to relative. Any insight into these issues would be great cause I can't seem to get this working.
Thanks,
Jeff
$('#content').find('.dialog').click(function(event) {
event.preventDefault();
event.stopPropagation();
var that = this, holder = document.createElement('div');
$(holder).attr('id', 'trailer-dialog');
$('#content').find('.get_more').append(holder);
$(holder).dialog({
closeText: '',
dialogClass: 'videos-dialog',
draggable: false,
modal: true,
position: ['center', 'top'],
resizable: false,
width: 570,
open: function() {
$(this).load(that.href);
if ($.browser.msie) {
window.scrollTo( 0, 950 );
}
},
close: function() {
$(this).remove();
}
});
});