Ion-content overlaying other content on iOS

#1

Hello,

We are coming across a very strange problem that only occurs on iOS + Safari:
Our ion-content for description is overlaying all other content when you first load the page, like so:

Screen Shot 2016-10-07 at 10.56.06 AM.png1004x1912 597 KB

But then goes to the correct layer once the page is scrolled:

Screen Shot 2016-10-07 at 10.56.14 AM.png1008x1902 527 KB

Has anybody else come across this issue?

Here’s the HTML:

     <div>
        <div>
          <ion-content direction="y" delegate-handle="profileDescriptionScroll" overflow-scroll="false" has-bouncing="ionic.Platform.isIOS()" class="profileSectionScroll">
            <div id="eventDescription" class="profileDescription">
              {{event.evtdesc}}
            </div>
          </ion-content>
        </div>
      </div>
    </div>
    <div class="eventLocationDiv">
      <a class="agnesButton blueButton eventLocationButton" ng-click="toLocation()">
        <img src="img/icons/mapsIcon.png">
        <p>{{event.location}}</p>
      </a>
    </div>

Thank you!