Integration with ant design

[Cristian Carnevale]

Hi all,

I am trying to integrate your Pivot Table component inside Ant design modal one but I got always errors like this:

TypeError: Cannot read properties of null (reading 'querySelector')

it is a known issue or the components are inconpatible?

Thank you

[AngelinFaithSheeba PaulvannanRajadurai]

Hi Cristian,

We are currently validating your query at our end and we will update the details in two business days(May 3, 2024).

We appreciate your patience until then.

Regards,

Angelin Faith Sheeba

[AngelinFaithSheeba PaulvannanRajadurai]

Hi Cristian,

Thanks for the patience. We regret to let you know that our Syncfusion Pivot Table currently has rendering constraints with features such as the "field list" and "toolbar" within the Antd's Modal component. This constraint arises because we dynamically create and append DOM elements to the document, causing issues when attempting to retrieve these elements for display. Therefore, in order to provide complete rendering support for pivot table and their features, we have logged this as an improvement task “Support to render all the Pivot table features inside the "Antd's" Modal component”. And we have planned to include this improvement in our upcoming Vol 2 SP release which is estimated to be roll out at the mid of August, 2024. You can track the status with the feedback link below.

https://www.syncfusion.com/feedback/56500/support-to-render-all-the-pivot-table-features-inside-the-antd-modal

We appreciate your patience until then.

Regards,

Angelin Faith Sheeba.

[Sridhar Karunakaran]

Hi Cristian,

Thanks for your patience. We are glad to announce that our Essential Studio 2024 Volume 2 Service Pack Release V26.2.4 has been rolled out, and the improvement “Support to render all Pivot table features inside the 'Antd' Modal component” has been included in this release. We have also prepared a sample with the latest version for your reference. Please find it in the attachment below.

Output screenshot:

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,

Sridhar Karunakaran.

Attachment: myantdesignapp_c08ec01f.zip

[Cristian Carnevale]

Hi Sridhar,

thank you very much for your support, it's works perfectly now :)

Bye

[Sridhar Karunakaran]

Hi Cristian,

Thank you for your update. We're delighted to hear that the pivot table is working properly within the antd modal. If you have any further queries or need assistance, please don't hesitate to reach out. We're here to help!

Best regards,
Sridhar Karunakaran.

[Hariprasath N]

I'm facing the same issue in the document editor. It works fine on the main page, but when I move it to an Antd modal, I get the following error.

[Mohammed Affan Saqib Hussain]

Hi Hariprasath N,

Currently, we are validating the scenario and get back to you with more details by February 06,2025.

Regards,

Mohammed Affan C

[Thamizhselvan Varadharajan]

Hi Hariprasath N,

We need additional timeline to validate this issue and will provide more details by February 10, 2025.

Regards,

Tha

[Thamizhselvan Varadharajan]

Hi Hariprasath N,

We need additional timeline to validate this issue and will provide more details by February 10, 2025.

Regards,

Tha

[Thamizhselvan Varadharajan]

Hi Cristian,

Thank you for your patience. We are currently assessing the feasibility of providing support for the Document Editor to render within the Ant Design Modal in our React application. We are discussing this issue with the Pivot team and will provide more details by February 20, 2025.

Regards,

Thamizhselvan.

[Thamizhselvan Varadharajan]

Hi Hariprasath N,

We have confirmed the reported issue 'support to render the Document Editor into antd Modal in react' as a defect and logged a feature enhancement. We will include this fix in our first weekly patch release after 2025 Volume 1 which is expected on end of March, 2025.

You can track the status of the bug through the below feedback link:

Provide support to render the Document Editor into antd Modal in react in React | Feedback Portal

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”

Regards,

Thamizhselvan.