Group List Titles hidden behind top bars.

This is a (multiple allowed):

• bug

• enhancement

• feature-discussion (RFC)

• Framework7 Version: 1.5.4

• Platform and Target: iOS and Material

What you did

Hi. I was trying to use the Contact List and end up with the following code:

<div class="page">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="sliding center">
                Page Title
            </div>
        </div>
    </div>
    <div class="hide-bars-on-scroll page-content">
        <div class="contacts-block list-block">
            <div class="list-block-group">
                <ul>
                    <li class="list-group-title"><span>A</span></li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                Anonimous 1
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                Anonimous 2
                            </div>
                        </div>
                    </li>
                    <!--many more...-->
                </ul>
            </div>
        </div>
    </div>
</div>

Expected Behavior

The .list-group-title elements should stay visible when I scroll the page.

Actual Behavior

1. When there’s no navbar, it works.
2. When there’s a fixed top bar (nav, tool, tab, etc), the group title stays hidden behind those bars.
3. When used along with the “hide-*-on-scroll” the group titles is scrolled out of the page and when the bars returns the group title is hidden by them.

I found that, in the 3rd case, the transition rule puts a negative ‘top’ rule, making the position: sticky rule being kinda useless. And when the bars return, the ‘top’ goes back to 0 and it’s like the 2nd case when the bars hide the group title.

[J05HI]

@thiagoabreu @nolimits4web Can confirm the bug but it was there before v1.5.4. Only on Chrome for Android, iOS Safari is fine.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.