[bug] UI Dialog: margin/padding error with dialog content
the bugtracker seems to be out of order, so i'll post this bug over
here.
the ui-dialog-content div becomes to wide for the enclosing container.
this is caused by misreading the margin and forgetting about the
padding of .ui-dialog-content when resizing the dialog.
in version 1.5.2 the size functions looks like this:
size: function() {
...
tbMargin = parseInt(content.css('margin-top'),10) +
parseInt(content.css('margin-bottom'),10),
lrMargin = parseInt(content.css('margin-left'),10) +
parseInt(content.css('margin-right'),10);
...
},
while it should be more along the lines of:
size: function() {
...
tbMargin = parseInt(content.css('paddingTop'),10) +
parseInt(content.css('paddingBottom'),10) +
parseInt(content.css('marginTop'),10) +
parseInt(content.css('marginBottom'),10),
lrMargin = parseInt(content.css('paddingLeft'),10) +
parseInt(content.css('paddingRight'),10) +
parseInt(content.css('marginLeft'),10) +
parseInt(content.css('marginRight'),10);
...
},
this works in firefox 3, ie7 and opera 9.5. however google chrome does
seem to have a problem with marginTop, marginBottom, etc..