Start-y is being ignore by some css

ionic-v1
#1

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;
            }
        }
    }
}
#2 
@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.

#3

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.

#4

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.

#5

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.