I get a result I don't expect here. Can anyone shed light on this. I figured if the next element has display none on it then it won't slide up and then down again. But when I put a console.log message in there to get the css display property it says "none" but still animates the element. What is going on here? Maybe I a misunderstanding the :visible and :hidden selectors but they seem pretty straight forward.
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.