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

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 


Loader.
Up arrow icon