Ext.Window without explicit width display issues in IE / chrome

[chinabuffet]

Hello,

I've tried searching for the answer to this problem but couldn't find anything, so maybe my search criteria was just off.

The problem is that a simple Ext.Window without an explicit width renders the entire width of the page in IE with a goofy looking shadow, and sometimes chrome. I don't want to set a width directly on the window because I need to set the exact width of the window's body element... setting it on the window directly causes ~10px or so to be clipped because of the window's sides. The documentation says that the default width of the window is the browsers auto, so I'm not sure if I'm just missing a config option or what the deal is.

This problem can be seen with this simple example:

Ext.onReady(function() {
  new Ext.Window({
    title: "dummy window",
    html: "i am a window"
  }).show();
});

thoughts/suggestions?

[Condor]

Consider what the normal default width of an element in a browser would be. Would it be the width of the text? No, a display:block element would stretch to the right of the containing element (which for a window, which is initially rendered with position:absolute;left:-10000px, would be very wide!).

MessageBox solves this by rendering the window initially with a fixed max. width and then calculate the required width (adding getFrameWidth('lr') of the containing elements).

[chinabuffet]

Doh, thanks! That makes sense, I barely read the first few words of your first sentence and it kind of dawned on me. So now my question is this:

Say I have a window with a body element that is sized to 500px wide. To properly set the width of the window, should I use the line below?

this.setWidth(500 + this.getFrameWidth());

Thanks again!

[Condor]

this.setWidth(500 + this.getFrameWidth('lr'));

(and mabye also + this.body.getFrameWidth('lr') - depending on what the body holds)