This allows the portlet to be resized beyond the columns height.
However, this workaround introduces a different problem: If a portlet is further down the page (it is not possible to resize it beyond the original height of the window). So this workaround is not ideal.
I also note that the portal-column appears to be only just big enough for the portlet in 4.0.2, 4.0.7 and 4.1.0-beta-1, so the use of CSS to increase the height of the portal is not a good workaround.
I have raised this with Sencha Support (ticket 6869), but they have only suggested to upgrade to 4.1 beta which is not possible for us. I'm hoping someone smart in the community can find a suitable solution. Operating System:
In 4.1.0 beta 3, I added resizable to true in Portlet.js and all portlets are resizable. On the left column I took the 2nd portlet and could resize greater than available screen and scroll down and repeat. I refreshed. I scroll the first one up and down a bit and then clicked the close button on the second portlet destroying it. I then took the first portlet in the first column and resized it and it resized to the available space. I can then scroll down and resize it more.
The issue with the grid not resizing is this. Each column is an instance of PortletColumn which uses anchor layout. It's defaultType is portlet which is the Portlet class. Portlet uses fit layout so the single item under should fit 100% of the height and width. The Portlet only has a GridPortlet as a child so fit layout should fit the grid to be 100% of the width and height of the outer Portlet. So why does the grid not sizing correctly? Because GridPortlet has a height setting of 300px. Remove that from GridPortlet and it will all work as expected in 4.1.0 beta 3.
Thanks for your response. Scott has already given me the solution for 4.1.0, which is similar to your explanation, makes sense and is resolved.
However, the issue is that this bug is in 4.0.7 and there is not a suitable solution. Given our app cannot upgrade to 4.1.0 beta without significant work, we have this one issue remaining that needs resolving.
The frustrating thing is that this behaviour worked fine in 4.0.2, but does not work in 4.0.7. Therefore, this is a regression.
I have raised a ticket with support, but they don't seem to be as knowledgeable as you are
In your experience, if I have to dig into the ExtJS internals to work out the differences between 4.0.2 and 4.0.7 to get this functionality working, which js files do you recommend I concentrate on? Where is the problem (that portal column is constraining the resizing of the interior portlet) likely to be?