iOS Scrolling issue



  • So we have the same basic problem in multiple parts of our app. Most of the time our scrolling works just fine, but there are two specific times when we can’t seem to get scrolling to work. One example is below.

    <ons-modal direction="up" id="termsConditionsModal">
        <terms-and-conditions-widget></terms-and-conditions-widget>
    </ons-modal>
    

    the content inside of the modal is pretty straight forward, just some headers and a bunch of text. We’ve tried with it wrapped in a div and without since the ons-modal throws a div in there. The style is below.

     .modal__content {
            display: flex;
            flex-direction: column;
            max-height: 100%;
            overflow-y: scroll;
            margin-left: 5%;
            margin-right: 5%;
        }
    

    We’ve also thrown in variations of webkit-overflow-scrolling but we still can’t get it to work on iOS. Browser works fine, Android works fine, but iOS will be the death of me.

    Help me Obe Wan Kanobi.


Log in to reply