PanelMenu collapses on clicking the menu link instead of being in expanded state

[jjayaraman]

PrimeReact 'PanelMenu' collapse on clicking the menu link.
How to keep the selected menu expanded?
"Maybe an 'expand' property needed in MenuModel"?

Reference: https://forum.primefaces.org/posting.php?mode=edit&f=57&p=177399

Here is my code. Thanks

import React, { Component } from 'react'

import { PanelMenu } from 'primereact/panelmenu';


export default class Menu extends Component {

   constructor() {
      super();
      this.state = {
         items: [
            {
               label: 'Admin',
               icon: 'pi pi-fw pi-cog',
               items: [
                  {
                     label: 'Price Parameters',
                     icon: 'pi pi-fw pi-dollar',
                     items: [
                        {
                           label: 'Create',
                           icon: 'pi pi-fw pi-plus',
                           url: '/admin/price-parameter/create'
                        },
                        {
                           label: 'Search',
                           icon: 'pi pi-fw pi-search',
                           url: '/admin/price-parameter/search'
                        }
                     ]
                  }
               ]
            }
         ]
      }
   }

   render() {



      return (
         <div id="leftMenu">
            <PanelMenu model={this.state.items} style={{ fontSize: '12px' }} />
         </div>
      )
   }
}

[atigm]

Hi,

I have about the same problem.
I use PanelMenu with a Sidebar, when I click on sidebar I lose PanelMenu state.

Any update please ?

Thank you

[mertsincan]

Hi,

Added 'expanded' option to MenuModel. You can use it.

Best Regards,