PDA

View Full Version : [INFOREQ][3.0svn] file upload ux example renders badly in a window



BlueCamel
11 Dec 2009, 9:42 PM
If I take the example file upload form from the current 3.1+ SVN and render into a window it shows up with CSS artifact to the left of the browse button. I've only seen it in FF 3.5.5 on OS X. Safari looks good. FF 3.5.5 on Linux also looks good.



var win = new Ext.Window({
title: 'File Upload Form',
layout: 'fit',
resizable: false,
width: 500,
plain: true,
items: fp
});
win.show();

17754

It appears to be the overflow:auto CSS from the following rule that's doing it:



.ext-gecko .x-window-body .x-form-item {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:auto;
}

Changing to overflow:visible resolves it on OS X FF 3.5.5. It still renders fine on FF 3.5.5 in Linux as well.

evant
13 Dec 2009, 7:15 PM
I don't see anything onerous on FF3.5 on Windows either.

Can anyone else confirm the issue only occurs on Mac?

BlueCamel
13 Dec 2009, 8:01 PM
If I can provide any more details let me know.