FAQ Answer Box Text Cut-Off Issue #2

New issue

Closed

opened 2024-11-16 10:38:18 +00:00 by revengeday · 1 comment

revengeday commented

2024-11-16 10:38:18 +00:00

Owner

Steps to Reproduce:

Navigate to the FAQ section of the website.
Click on any question to reveal its answer.
Observe that the text within the answer box is cut off due to the fixed height.

Expected Behavior:
The FAQ answer boxes should expand dynamically to accommodate the full length of the text without being cut off.

Proposed Solution:
Update the CSS for the answer boxes as follows:

.faq-checkbox:checked + .faq-question + .faq-answer {
    max-height: 100%;
    padding: 15px;
}

Currently, the height of the FAQ answer boxes is set to a fixed value, which leads to text being cut off, preventing users from reading the full answers. To resolve this issue, the height in the `faq-answer` class should be adjusted to allow dynamic expansion based on content length. Steps to Reproduce: 1. Navigate to the FAQ section of the website. 2. Click on any question to reveal its answer. 3. Observe that the text within the answer box is cut off due to the fixed height. Expected Behavior: The FAQ answer boxes should expand dynamically to accommodate the full length of the text without being cut off. Proposed Solution: Update the CSS for the answer boxes as follows: ```css .faq-checkbox:checked + .faq-question + .faq-answer { max-height: 100%; padding: 15px; } ```