form width always wider than container

[jay.l.fisher]

I have a simple DynamicForm with setNumCols(4) and setWidth100(). I use tab.setPane(theForm) to put the form in a Tab which is inside a window. The TabSet has setWidth100() as well.

The form renders with a width that is 24px wider than the tab pane container, causing a horizontal scroll bar to appear. If I resize the window, making it wider, the tab pane resizes exactly along with it but the form is still 24px wider and the scroll bar still appears.

Where might the extra width be coming from?

[Isomorphic]

Do you have CSS margins on the form or it's container or both? We normally compensate for CSS margins, but CSS margins have a bizarre set of rules for "margin collapsing" when they happen to be set on both parents and children.

[jay.l.fisher]

No. Not setting margins, CSS or otherwise. Anything else I should check?

I've attached a screen shot of the dev console showing the size of the window, pane container and form in case that helps.

[Isomorphic]

In the absence of a way to reproduce it, CSS margins is about the only speculation we can provide. Of course it's possible that size settings are wrong in a more straightforward way, such as setting a colWidth to 60 but then placing an item within it set to a fixed width 84 rather than "*" which would size it to the column. You can also enable the "tablePolicy" log category to get a bunch of diagnostics about how sizes are being applied.