coreui / coreui-angular

CoreUI Components Library for Angular https://coreui.io/angular/docs/
https://coreui.io/angular/
MIT License
248 stars 146 forks source link

Collapse and Accordion body not responsive to height changes #141

Closed eKatchko closed 1 year ago

eKatchko commented 2 years ago

This only affects the coreui-angular repository, it works fine for coreui-vue/react/js. Tested with Firefox (103.0.1 (64-Bit)) and Chromium (Version 104.0.5112.79 (Offizieller Build) Arch Linux (64-Bit)) with "@coreui/angular": "4.1.0".

When the content of the accordion body changes, the height of the accordion-item stays the same. This is also true for the collapse component.

Minimal test case HTML: ```
{{text}}
``` TS ``` smallText: string = 'This is a bit of text.'; largeText: string = 'This is more text. This is more text. This is more text. This is more text. ' + 'This is more text. This is more text. This is more text. This is more text. This is more text. ' + 'This is more text. This is more text. This is more text. This is more text. This is more text. ' + 'This is more text. This is more text. This is more text. This is more text. This is more text. ' + 'This is more text. This is more text. This is more text. This is more text. This is more text. '; text: string = this.smallText; ```

You can also test this behavior in the coreui collapse docs or in the coreui accordion docs. Open for example a collapse and edit the inner html of the body with the element inspector, the height is not responsive to changes. Doing the same with coreui-react or coreui-vue shows a responsive collapse body.

github-actions[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions

xidedix commented 1 year ago

@eKatchko it should work properly with @coreui/angular@4.2.12