Collapsed Navbar seems to be broken in the latest version

Its a possibility that the API has changed but I haven’t found anything to support this.

My Navbar is set up as follows (for example):

return (
      <div className='navbar-fixed teal lighten-1'>
        <Navbar brand='OLIO' right data-role='navigation'
          className='teal lighten-1' options={{ closeOnClick: true }}>
          <NavItem className={this.getClassIfActive('/articles')}
            onClick={this.props.refreshAndBrowse}>
            <Icon left>view_list</Icon>
            <span>{t('BROWSE')}</span>
          </NavItem>
)

Previously when making the browser narrower the menum would collapse into:

Which it still does, however when I click this I am no longer presented with my menu options, but the following:

It looks possibly like the menu isn’t being generated or dragged over?

[alextrastero]

Sure, make sure to have a look at there upgrade guide for the Sidenav: https://github.com/Dogfalo/materialize/blob/v1-dev/v1-upgrade-guide.md#sidenav

[lloydwatkin]

No, agreed. There’s a workaround short term, so I can continue working and hopefully others can benefit. A fix can come with time 😃