JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Gantt › Issue with Smart HTML Elements Gantt Chart in React – Data Not Expanding Correct

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 1, 2024 at 6:45 am #111217
    Vineet Kolhe
    Participant

    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]
    August 6, 2024 at 10:31 pm #111245
    Markov
    Keymaster

    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
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.