Panel Resizing

My test case may seem a little perverse but it was the simplest way I could find to demonstrate the clipping effect. It works fine against 4.0.x. Note that even though sizes are specified in the CSS this is not a case of auto-sizing.

I had a play with the auto-sizing example you gave but it doesn't work the way I'd like. Collapsing works fine but expanding doesn't, you end up with scrollbars both horizontally and vertically.

Turning off animations does fix it but that obviously isn't ideal.

To give you some background to this. The problem isn't in my application as such. I've published a UX called Component Column (demos here) that allows components to be injected into grid cells. For that I need to manage their width to ensure they fit the column. A panel collapse in a cell can cause the vertical scrollbar on the grid to disappear, which kicks off a column resize. It's the column resize that kicks off my resize logic, I'm largely oblivious to the fact that there's a collapse animation going on.

I had a play with the auto-sizing example you gave but it doesn't work the way I'd like. Collapsing works fine but expanding doesn't, you end up with scrollbars both horizontally and vertically.

I think I have a fix for this. Again, animations were involved. The layout system "restored" the width before the layout in order to animate to the new size, but that ended up stamping a width style on the el... a bad thing for auto sizing.

Originally Posted by skirtle

To give you some background to this. The problem isn't in my application as such. I've published a UX called Component Column (demos here) that allows components to be injected into grid cells. For that I need to manage their width to ensure they fit the column. A panel collapse in a cell can cause the vertical scrollbar on the grid to disappear, which kicks off a column resize. It's the column resize that kicks off my resize logic, I'm largely oblivious to the fact that there's a collapse animation going on.

Yeah, I figured the real world use case was not as straight as the example.

Not sure if this is part of the same bug, but take the following example. It has a couple panels in the center region. As soon as you collapse enough of them to get rid of the scroller, they expand in width. Then when you expand the panels again, there is now a horizontal scroller. It is cutting off the collapse tool(which is also broken in my companies app now, Ill leave that for later.)