1. Feedback
  2. React
  3. 15917

Welcome to the React feedback portal. We’re happy you’re here! If you have feedback on how to improve the React, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

2
Votes

Conditional rendering of panels breaks resize and drag for panels

I encountered this issue in the following scenario:

- add two class components directly inside the <DashboardLayoutComponent> (i cannot define the class component as a PanelModel and include it in a PanelDirective because of the complexity of that component - props, callback functions)

- add a condition for the second component: {this.state.BooleanConditionTrue ? <Component /> : null}

- have a button which changes the state of the condition: from 'true' to 'false' and back to 'true'

When the condition is again 'true', the component is rendered inside the dashboard layout, but the width of the panel is broken and the resize and drag functionalities are missing.


I attached an example of the implementation. 

Please review this issue and let me know if you have questions or notice a quick fix/workaround I could use to handle this.

Thanks!