@jamal For your information, this has been addressed in https://github.com/OnsenUI/OnsenUI/pull/2284

For anyone else wondering about the same thing => https://github.com/OnsenUI/OnsenUI/pull/2267

I have a Button in a tappable ListItem. How can I prevent the ListItem to “react” to touch when the Button is pressed? I’ve tried catching and calling preventDefault() and stopPropagation() on the events returned by onTouchTap and onMouseDown on the Button but without success… The ListItemstill reacts when pressing the Button.

@Fran-Diox really, such basic configuration behavior should be supported without needing to make a custom animator… With the react bindings of Onsen UI, resetPageStack is our only way to make a “pop until” functionnality… And showing a pop animation rather than a push would be more logical in that case…

Could this be added through a PR?

@Fran-Diox try setting collapse to false (the boolean value, not a string) and you’ll see that the SplitterSide cannot be closed…

  render: function() {
    return (
      <Ons.Splitter>
        <Ons.SplitterSide
          style={{
              boxShadow: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)'
          }}
          side='left'
          width={200}
          collapse={false}
          swipeable={true}
          isOpen={this.state.isOpen}
          onClose={this.hide}
          onOpen={this.show}
        >

IMO, it should make it not overlaying the SplitterContent but still with keeping the possibility to close / swipe it.

With the ons-navigator, what value can I give to options.animation to have a slide from right to left (animator.pop and not animator.push) when using resetPage? It would be a popToPage functionnality which is needed in many cases…

There are several things that do not seem OK with this component:

-> Where do we get back the options.data passes as second parameter of the pushPage method?

-> there should be all core ons-navigator component methods available on Navigator like: insertPage(index, page, [options]), removePage(index, [options]), resetToPage(page, [options]), bringPageTop(item, [options])…

-> What is the difference between Navigator and RouterNavigator? Their documentations are identical?!

-> Ideally, it should be possible to make it work with the excellent react-router lib…

Thanks, I confirm it now works.

Problem: “Topic Tools” does not propose me to mark this topic as solved. Why?

I do not understand the use of this component when collapse is set to true. The SplitterSide cannot be closed when collapse is true…

More a bug report than a discussion though: https://onsen.io/v2/api/react