Unable to create form with SfAccordion due to rendering bug?
I'm trying to create a booking form using the SFAccordion Component.

I have simplified my issue to the following, Setting Expanded False on one accordionItem and True on another fails to render the AccordionContent of the item being set to Expanded, Please see the below Code.
Expected behaviour when Next button is clicked:
Setting accountExpanded to false should close the accordion item and adjust the header: Yes
Setting unitExpanded to true should open the accordion item and adjust the header: No, Header is show to be selected and open, however Content is not rendered (See below)
Please let me know if there is any known work around or if some how I am doing something wrong? Please note I have tried adding a StateHasChanged after setting unitExpanded to True however this does not work. Clicking on the headers works as expected.
Thank you
SIGN IN To post a reply.
9 Replies
1 reply marked as answer
SK
Satheesh Kumar Balasubramanian
Syncfusion Team
October 20, 2020 01:00 PM UTC
Hi Ashley,
Greetings from Syncfusion Support.
We have validated your reported problem "Unable to create form with SfAccordion" and could reproduce the issue at our end. So, we have confirmed this as defect and logged the bug report which can be tracked from the following link.
The issue fix for this defect will be included in our weekly patch release scheduled on the October 27, 2020. We will check the fix and update the working sample on October 28, 2020. We would appreciate your valuable patience until then.
Regards,
Satheesh Kumar B
DA
Daten
October 20, 2020 04:45 PM UTC
Thank You Satheesh,
I will wait for the fix!
NR
Nevitha Ravi
Syncfusion Team
October 21, 2020 12:11 PM UTC
Hi Ashely,
You are most welcome😊.
Regards,
Nevitha
DA
Daten
October 28, 2020 02:11 PM UTC
I would like to just confirm (For my own sanity and checking)
That this has unfortunately not been resolved in the .44 release? I've updated, checked the patch notes and tested but still appears to be an issue.
Thank you
NR
Nevitha Ravi
Syncfusion Team
October 29, 2020 05:37 AM UTC
Hi Ashley,
Sorry for the inconvenience caused.
The fix for the reported issue has been rescheduled for volume 3, SP1 release scheduled on November 4, 2020. Please be patience until then.
Regards,
Nevitha
DA
Daten
November 20, 2020 03:51 PM UTC
Good afternoon,
I can see there were some updates in the latest .50 release, I have downloaded it and tried my example again, however the same issue is present, Is there a new method for moving through the accordianItems?
Thank you!
SK
Satheesh Kumar Balasubramanian
Syncfusion Team
November 23, 2020 10:57 AM UTC
Hi Ashley,
Thanks for your update.
We have checked the accordion Expanded property issue after upgrading the Syncfusion package version to latest(18.3.0.50). But, accordion Expanded property issue have been resolved in this version. For your reference, we have created a sample using latest Syncfusion version(18.3.0.50). Please refer the sample in the following link.
Kindly try the above sample, if the issue persist still share the following details to validate the issue further.
- Try to replicate the issue in the above sample
- Share issue replicating sample(If Possible)
- Share the accordion related code depicting the issue
Regards,
Satheesh Kumar B
Marked as answer
DA
Daten
November 23, 2020 03:09 PM UTC
Thank you for the example Satheesh, I can confirm it is working as expected, Not sure what was happening my end as my example is idential, but a reboot of Visual studio and a re-compile has it working,
Thank you for your time and the fix!
NR
Nevitha Ravi
Syncfusion Team
November 24, 2020 03:52 AM UTC
Hi Ashely,
You are most welcome, the issue might be due to Nuget cache or browser cache. We are glad that the issue has been resolved now.
Regards,
Nevitha
SIGN IN To post a reply.