Issue with Smart HTML Elements Gantt Chart in React – Data Not Expanding Correct

[Vineet Kolhe]

Issue Description:

The Gantt chart’s data is not expanding correctly when integrated within a toggle component. I have attached a video to this email to demonstrate the issue.

Steps to Reproduce:

1. Integrate the Gantt chart component into a toggle component within a React application using TypeScript.
2. Load the application and attempt to expand the Gantt chart’s data.
3. Observe that the data does not expand as expected.

What I’ve Tried:

To address this issue, I have tried implementing lazy loading and utilizing the useMemo hook to optimize component rendering, but the problem persists.

Environment Details:

• React Version: [Your React Version]
• TypeScript Version: [Your TypeScript Version]
• Smart HTML Elements Version: [Your Smart HTML Elements Version]
• Browser: [Your Browser Version]
• Operating System: [Your Operating System]

[Markov]

Hi Vineet,

The issue is that when you switch like this, all properties of the Gantt are dynamically set instead of creating a new Gantt chart instance i.e the re-renders count is equal to the number of properties which you have. I would suggest you to use display: none or visibility: hidden if you want to show/hide a component.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts