Start-y is being ignore by some css

Hi, I’m using start-y=“44” on an ion-content tag. I’m using it hide a header bar with a search field. However it seems to auto-scroll to the top for some reason, somewhat ignoring the start-y command (although if i set it to 0, it does not scroll at all).

But when I remove the following css from my css file, which targets the list-items in an ion-list, the start-y=“44” works as intended and the search bar is hidden.

Can anyone tell me which of the following css properties may be causing the issue with start-y?

.events {
    .item {
        position: relative;
        padding: 0;
        border: none;
        line-height: 0;
        .center {
            width: 90%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            span {
                text-align: center;
                padding: 0;
                margin: 0;
                color: white;
                font-weight: bold;
                overflow: visible;
                display: block;
            }
            h1 {
                color: white;
                padding: 0;
                margin: 0;
                width: 100%;
                text-align: center;
                @include text-shadow(rgba(grey, 0.5) 2px 2px 0);
                @include font-smoothing;
                &.wrap {
                    overflow: visible;
                    text-overflow: initial;
                    white-space: normal;
                }
            }
        }
        .icn-holder {
            position: absolute;
            bottom: 0;
            right: 0;
            box-sizing: border-box;
            padding: 5px;
            i {
                font-size: 2em;
                color: red;
                text-shadow: 1px 1px 1px yellow;
                margin-left: 5px;
            }
        }
    }
}
@include text-shadow(rgba(grey, 0.5) 2px 2px 0);
@include font-smoothing;

Do you have these mixins defined? I threw your code in a codepen and those are causing errors: http://codepen.io/brandyshea/pen/gpYYdN

They’re commented out in the above codepen.

That’s part of compass, which compiles fine. I tried removing it, but that did not do the trick. I tend to think it has something to do with the line-heights or padding, but I can’t seem to pinpoint any particular line. If I delete it all it works… it’s very strange.

Hmm. Could you modify the codepen to show how yours looks? I was using ng-repeat above but you could be using collection-repeat which may cause issues.

I’m having issues getting the codepen to work at all. I’ll try to figure it out in the next few days. I’ve noticed that on app load, start-y doesn’t work but then if I navigate to another view, and then back to the home page, the start-y takes effect. I’ll get that code pen setup. There must be something off in my code.