3. Splitter menus bug

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.

Splitter menus bug

  • R

    Hello,
    I have 2 splitter menus on left and right sides.
    One is collapsed and swipeable, the other is not.
    But the swipe does not work properly: the content is not grayed out, and the menu does not collapse if I tap outside.

    Here is the code:

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Bug Splitters</title>
    <link rel='stylesheet prefetch' href='https://unpkg.com/onsenui/css/onsenui.css'>
    <link rel='stylesheet prefetch' href='https://unpkg.com/onsenui/css/onsen-css-components.css'>
  </head>
  <body>
  <ons-splitter>
    <ons-splitter-side side="left" width="220px" collapse swipeable>
      <ons-page>
        <ons-list>
          <ons-list-item>Left</ons-list-item>
        </ons-list>
      </ons-page>
    </ons-splitter-side>
    <ons-splitter-side side="right" width="220px" >
      <ons-page>
        <ons-list>
          <ons-list-item>Right</ons-list-item>
        </ons-list>
      </ons-page>
    </ons-splitter-side>
    <ons-splitter-content>
      <ons-page>
        <p style="text-align: center;">
          Swipe right to open the menu!
        </p>
      </ons-page>
    </ons-splitter-content>
  </ons-splitter>
  <script src='https://unpkg.com/onsenui/js/onsenui.js'></script>
</body>
</html>
    0 1 Reply
  • 侍

    @Rork So I have been playing with this and confirmed your behavior. You can swipe open and close the left menu, but (once you add the second menu) you lose the graying out and the cancelable action of tapping outside the menu. You might want to open a github ticket on this.

    0
  • R

    Here is the bug report: https://github.com/OnsenUI/OnsenUI/issues/1717

    Z6P0 created this issue in OnsenUI/OnsenUI

    closed Second splitter menu does not work #1717

    0 1 Reply
  • Onsen UI

    @Rork I just made a PR that should fix it :smile: thanks for reporting and sorry for the delay.

    1