54
Views
3
Comments
Accordion getting collapsed when it has more than 10 accordion item list
Question
Application Type
Reactive

I have accordion and inside the there is a list. If my list has item around 6 or  7 it works perfectly. When item list has 8 items, then when I click on the item it automatically get closed. Is there any limitation on size of the content or no of items in the accordion?

2023-08-28 09-08-29
Venkatesh Sundarajan

Hi Touseef,

I don't think there is any limitation, I have tried with 10 records when I click on the list item my accordion is not getting closed. Attached the OAP file. Are you navigating to a new screen or any action you are performing?can you please share your oml.

TextArea.oap
UserImage.jpg
touseef ahmed

Hi @Venkatesh Sundarajan  

Thanks for your valuable time. Yes there is no limitation, however my content is large and it has more than 10 items.. When I click on toggle, it opens, when scroll it automatically close all the accordion. If i delete 3-4 items and reduce to 7 then it works fine

2023-10-21 19-42-11
Tousif Khan
Champion

Hello

You can try this if it helps

  • Inclose your List Into a Container
  • Then add a class to that container
  • Apply CSS 

.ListContainer{

max-height:500px;

overflow-y: scroll;

}

You can customize width according to you.

I also want toadd something here

Are you using on render even or something that is performing something to your page?

Are you using accordian events?

If possible please share snapshots or Oml, so that we can demonstrate.

Because it seems tobe working at my end.

I hope it will help

Best Regards,

Tousif Khan

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.