Is it possible to use keepItemsMounted for panelbar when used in drawer?

0 Answers 18 Views
Drawer PanelBar
Neil
Top achievements
Rank 1
Neil asked on 20 Mar 2025, 04:48 PM

Hi
Is it possible to use keepItemsMounted for panelbar when used in drawer?
When i try to use it this way, the panel bar items will not close/collapse.

I made a stackblitz to show the problem.
Any help on this would be appreciated. 

Thankyou
Neil 

https://stackblitz.com/edit/react-qsacwnyt?file=app%2Fapp.tsx

Filip
Telerik team
commented on 24 Mar 2025, 03:11 PM

Hello, Neil,

I inspected the provided example, and it seems that the panel bar items not closing behavior likely occurs due to a state conflict when using the keepItemsMounted prop. Is there a specific reason you're using the PanelBar component inside a Drawer, instead of using just one of them? Did you find one or the other lacking some crucial functionality?

Regrads,
Filip

Neil
Top achievements
Rank 1
commented on 24 Mar 2025, 04:55 PM

HI

I have a dashboard in the draw content. In the drawer items area i need a panel bar. Is it possible that the items in the drawer can have collapsible content like the panel bar? If so then can you share an example please.

Thankyou
Filip
Telerik team
commented on 26 Mar 2025, 03:05 PM

Hi, Neil,

Thank you for the provided clarification. Currently the Drawer does not provide a mechanism for making the items collapsible as requested. I tried various custom implementations, however none of them gave a satisfying result. I can also suggest taking a look at the ExpansionPanel component in case it covers your needs:

Regards,
Filip

Neil
Top achievements
Rank 1
commented on 26 Mar 2025, 05:06 PM

Hi

Thank you but the expansion panel does not meet my needs as I need multiple panels to be open whenever the user chooses. Is there no way to override the state conflict? If not, could the development team add this as something to fix in a future release by giving the two componets different props names?

Thanks
Neil
Filip
Telerik team
commented on 28 Mar 2025, 04:00 PM

Hello, Neil,

I tried different custom implementations to avoid the state conflict; however, none of them gave a satisfying result. It's possible that the scenario where both components are used together wasn't initially taken into account during development. I'll reach out to the dev team to see whether or not that’s the case.

Regards,
Filip

No answers yet. Maybe you can help?

Tags
Drawer PanelBar
Asked by
Neil
Top achievements
Rank 1
Share this question
or