1. Home
  2. Forum
  3. React - EJ 2
  4. Issue relates Dialog and DropdownList template

Issue relates Dialog and DropdownList template

Hi Syncfusion Team,
I'm building a feature that used Dialog and DropdownList template
I have a button in DropdownList popup (using the footer template), when I click it, the modal is visible. But after modal visible, the website is broken, and the dev tool shows a console like below image


Link sample: https://stackblitz.com/edit/react-3jjtlc-gypnan?file=index.js,index.css
Step reproduce:
- Open the dropdown list popup
- Click "Create" button

How can I fix it?

Thanks.


14 Replies 1 reply marked as answer
VJ Vinitha Jeyakumar Syncfusion Team June 27, 2022 01:34 PM UTC

Hi Ton,

Your reported issue occurs since the child element(button component) is missing while destroying the popup list of the Dropdown control.
hence it can be resolved by unmounting the button component added in the popup list's footer template while opening the dialog. 

In the below sample we have cancelled the popup from closing, so that you can understand the issue,

Sample: https://stackblitz.com/edit/react-3jjtlc-vzehim?file=index.js,index.html

Regards,
Vinitha



TT Ton That Hung June 28, 2022 02:48 AM UTC

Thanks for your support.

This solution's great. But I want the popup of the DropdownList to be hidden while Diablog is opening.
How to implement it.


VJ Vinitha Jeyakumar Syncfusion Team June 28, 2022 01:11 PM UTC

Currently, we are validating your reported query. we will update you the further details on or before 30th June 2022.


TT Ton That Hung July 4, 2022 03:43 AM UTC

Hi Vinitha,
Have you validated this query yet? I'll be very happy if you update more information here.


VJ Vinitha Jeyakumar Syncfusion Team July 5, 2022 01:26 PM UTC

Hi Ton,

We are still validating the reported query due to its complexity. We will share the further details on or before 7th July 2022.

Regards,
Vinitha

TT Ton That Hung July 6, 2022 02:18 AM UTC

Well, thanks for your update.


VJ Vinitha Jeyakumar Syncfusion Team July 8, 2022 12:13 PM UTC

Hi Ton,


We have considered the reported issue "Console error is occurred when using the Dropdown List footer template property" as a bug from our end and the fix for the issue will be included with our upcoming Vol 2 2022 SP release.

Now you can track the status of the reported issue through the below feedback,
https://www.syncfusion.com/feedback/36207/console-error-is-occurred-when-using-the-dropdown-list-footer-template-property

Regards,
Vinitha

TT Ton That Hung July 11, 2022 10:31 AM UTC

Oh. Can you tell me the specific time for Vol 2 2022 SP release?

I need to know the particular time to decide whether to use this feature for my upcoming product release or not.

Thanks.

​


VJ Vinitha Jeyakumar Syncfusion Team July 12, 2022 04:59 AM UTC

Hi Ton,


Our Vol 2 2022 SP release is expected to be rolled out on the mid of the August 2022.  We will update you once the fix is included.

Regards,
Vinitha

TT Ton That Hung July 12, 2022 05:02 AM UTC

Well, thanks for your support.


TT Ton That Hung September 12, 2022 09:42 AM UTC

Hi Vinitha,
I would like to ask if this bug is fixed in your latest release.

Thank.


VJ Vinitha Jeyakumar Syncfusion Team September 13, 2022 11:20 AM UTC

Hi Ton,


We have included the fix for the issue "Console error is occurred when using the Dropdown List footer template property" with our latest patch release version 20.2.48. So please upgrade your package to the latest to resolve the issue from your end.

Sample : https://stackblitz.com/edit/react-3jjtlc-1ec5mb?file=package.json,index.js

Regards,
Vinitha

Marked as answer
TT Ton That Hung September 14, 2022 01:59 AM UTC

Well, thanks for your support.


BS Buvana Sathasivam Syncfusion Team September 14, 2022 07:20 PM UTC

Hi Ton,


Most welcome. Please let us know if you have any further assistance.


Regards,

Buvana S


Loader.
Up arrow icon