Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

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">

    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.