Long content is being cut-off in the accordion container

Created on 12 June 2024, 11 months ago

Problem/Motivation

Currently, the pure_css.css has something like:

.accordion-tab .accordion-tab-content {
    overflow: hidden;
    ....
}
.accordion-tab .accordion-tab-input:checked~.accordion-tab-content {
    max-height: 50em;
    ...
}

Steps to reproduce

Enter content in the accordion content section longer than 50em tall. Save and try to scroll to the end.
Expected result:
- can scroll to the end
Actual result:
- cannot scroll to see the end. Content being cut-off.

Proposed resolution

The reason of "overflow: hidden;" might be try to reduce unnecessary gaps? Anyway, at least when the content is open / visible, it needs to be "overflow: auto;"

🐛 Bug report

Status

Active

Version

2.0

Component

Code

Created by

🇨🇦Canada yang_yi_cn

Live updates comments and jobs are added and updated live.

Merge Requests

!5Long content is being cut-off in the accordion container
Merged
🇨🇦Canada yang_yi_cn
updated 11 months ago

Comments & Activities

Issue created by @yang_yi_cn
Merge request !5#3454243: For opened accordion content, set overflow: auto → (Merged) created by yang_yi_cn
Comment 11 months ago →
System Message

yang_yi_cn → committed 16340c80 on 2.0.x
#3454243: For opened accordion content, set overflow: auto

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024