Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    522
    Vote Rating
    41
    BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about BostonMerlin has a spectacular aura about

      0  

    Default List Group Header height problem

    List Group Header height problem


    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.

    Thoughts?

    Thanks,
    John

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,144
    Vote Rating
    855
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    10
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    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:

    Code:
        &.x-list-grouped .x-list-header-wrap .x-dock-horizontal {
            padding-top: 30px !important;
        }
    Hope this answers your question.

    Best,
    Tommy

Thread Participants: 2