Specifying Splitter Side Animation does not work in 2.5.2



  • I’m trying to use the different splitter side animations in Onsen 2.5.2. Running in Chrome Version 60.0.3112.90, I get the following console error:

    onsenui.js:731 Uncaught (in promise) TypeError: Invalid value used as weak map key
        at WeakMap.set (native)
        at addCallback (https://127-0-0-1.collobos.net:8080/app.js:54789:15)
        at contentReady (https://127-0-0-1.collobos.net:8080/app.js:54805:4)
        at PushSplitterAnimator.activate (https://127-0-0-1.collobos.net:8080/app.js:60629:35)
        at HTMLElement._updateAnimation (https://127-0-0-1.collobos.net:8080/app.js:79355:23)
        at HTMLElement._update (https://127-0-0-1.collobos.net:8080/app.js:79262:25)
        at HTMLElement.attributeChangedCallback (https://127-0-0-1.collobos.net:8080/app.js:79254:13)
        at CustomElementInternals.attributeChangedCallback (https://127-0-0-1.collobos.net:8080/app.js:56919:46)
        at HTMLElement.setAttribute (https://127-0-0-1.collobos.net:8080/<:89435:16)
        at Object.setValueForAttribute (https://127-0-0-1.collobos.net:8080/app.js:21869:13)
    

    I used it like this:

    <SplitterSide
        style={
        {
            borderRight: '1px solid #cccccc'
        }}
        side='left'
        animation='push'
        width={300}
        collapse={false}
        isOpen={this.props.sideMenu.open}
        onClose={ () =>
        {
           this.props.hideMenu();
        }}
    >
    

    I noticed that it doesn’t seem to work in the online demos either.


  • Onsen UI

    @sherscher Hey, thanks for reporting! There was already an issue on Github about this and is now closed. It will be released soon.


Log in to reply