Splitter , Toolbar, and Action Sheet

newstackdevelopment

I am utilizing Preact in place of React. I don’t know if that is the issue but I haven’t had any other issue with the components.

I am trying to use the splitter, toolbar, and actionsheet components in my application the current layout is as follows

<Splitter>
   <Splitter Side>
     <Page>
        <List>
           <ListItem/>
       </List>
   </Page>
</SplitterSide>
<SplitterContent>
   <Page renderToolBar()>
      <ActionSheet>
         <ActionSheetButton/>
      </ActionSheet>
   </Page>
 </SplitterContent>
</Splitter>

Now my problem is the actionSheet. The toolbar works but the actionsheet doesn’t show. I am using Redux for state.

   <ActionSheet
      isOpen={this.props.isOpenActionSheet}
   >

If I use the redux state it doesn’t work even though the isOpen prop changes to true. If I put the isOpen prop to true manually it does show the action sheet.

<ActionSheet
   isOpen={true}
>

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 , Toolbar, and Action Sheet