View Full Version : [CLOSED] List Group Header height problem

15 Nov 2012, 12:59 PM
Prior to 2.1, I was able to set the height of a lists group header. Now in 2.1, height applied to the group header doesn't push the first list item down, it floats over the top of it. In fact, padding, margins, breaks do nothing but cover the first row below the group header instead of pushing it down.

It appears the group header container is absolutely positioned instead of relative which is used to achieve the 'pinned header' effect but it shouldnt cover up the first row if the list is scrolled up to the top.

I tried turning off variable heights, no header pin, still same overlap problems.



16 Nov 2012, 10:13 AM
Thanks for the report! I have opened a bug in our bug tracker.

3 Dec 2012, 7:38 AM
Unfortunately we need to position the header absolutely in the current infinite List implementation. You can change the height of the List header, but then you have to change the padding-top on another element to equal that height. We know this is a bit cumbersome but thats how it is at the moment. For example if you make the List header height 30px, you need to add the following css:

&.x-list-grouped .x-list-header-wrap .x-dock-horizontal {
padding-top: 30px !important;

Hope this answers your question.