Text Overflow Issue in Specific FAQ Question #3

Closed
opened 2024-11-16 10:41:40 +00:00 by revengeday · 1 comment
Owner

The FAQ question "What does the message 'Something went horribly wrong, couldn't fetch your user: Error fetching .../api/v1/accounts/lookup?acct=' mean?" experiences a text overflow issue that causes the part ".../api/v1/accounts/lookup?acct=" to extend beyond the container boundary.

Steps to Reproduce:

  1. Go to the FAQ section.
  2. Locate the question labeled: "What does the message 'Something went horribly wrong, couldn't fetch your user: Error fetching .../api/v1/accounts/lookup?acct=' mean?"
  3. Notice that the URL segment ".../api/v1/accounts/lookup?acct=" extends outside of its allocated container.

Expected Behavior:
Text for the FAQ question should properly fit within its container, maintaining readability and visual consistency.

Affected Element:

<label for="faq6" class="faq-question">What does the message "Something went horribly wrong, couldn't fetch your user: Error fetching .../api/v1/accounts/lookup?acct=" mean?</label>

Solution:
Implementing CSS styling such as word wrapping or text overflow handling to ensure that long strings like URLs are contained within their designated areas.

The FAQ question "What does the message 'Something went horribly wrong, couldn't fetch your user: Error fetching .../api/v1/accounts/lookup?acct=' mean?" experiences a text overflow issue that causes the part ".../api/v1/accounts/lookup?acct=" to extend beyond the container boundary. Steps to Reproduce: 1. Go to the FAQ section. 2. Locate the question labeled: "What does the message 'Something went horribly wrong, couldn't fetch your user: Error fetching .../api/v1/accounts/lookup?acct=' mean?" 3. Notice that the URL segment ".../api/v1/accounts/lookup?acct=" extends outside of its allocated container. Expected Behavior: Text for the FAQ question should properly fit within its container, maintaining readability and visual consistency. Affected Element: ```html <label for="faq6" class="faq-question">What does the message "Something went horribly wrong, couldn't fetch your user: Error fetching .../api/v1/accounts/lookup?acct=" mean?</label> ``` Solution: Implementing CSS styling such as word wrapping or text overflow handling to ensure that long strings like URLs are contained within their designated areas.
Author
Owner

Fixed c81eda13f7

Fixed https://git.cyberwa.re/revengeday/cyber-circle-creator/commit/c81eda13f755183e2f26f5550913dcac2ba5ca2a
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: revengeday/cyber-circle-creator#3
No description provided.