Currently, I am facing an issue with the accordion component in Angular and ng-bootstrap.
The problem arises when I place an accordion within a div that has a specified max-height. The accordion extends beyond this height limit, whereas I would like it to respect the max-height of the containing div.
To replicate this issue:
Simply create a div with a defined max-height (e.g. 80% and width: 200px) and add multiple accordions inside with several panels each. Upon expanding them, you will notice the panels exceeding the set max-height.
I aim to have a scrollbar only on the div and not on the entire body, but even after applying a max-height value within the div, the desired functionality is not achieved.