1985464 - UI bug: Text overflows Thunderbird card on Enter a Bug page (dark theme)

Status: RESOLVED FIXED

(bugzilla.mozilla.org :: User Interface, defect, P3)

Description

[Aprameya]

Attachment: Screenshot 2025-08-27 130118.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36

Steps to reproduce:

1. Go to https://bugzilla.mozilla.org/enter_bug.cgi?product=Thunderbird in dark theme.
2. Notice that the Thunderbird info card overflows the container.

Actual results:

The text inside the Thunderbird card overflows its container and breaks the layout in dark theme.

Expected results:

The Thunderbird card text should wrap properly within the container, without overflow, in both light and dark themes.

Comment 1

[Kohei Yoshino [:kohei]]

I could volunteer to fix the issue quickly, but the guided bug entry form will be overhauled as part of my current contract. Still, if someone wants to play around with CSS grid, I won’t stop them 😉

Comment 2

[Wayne Mery (:wsmwk)]

FWIW The length of the description will cut by more than 50% when two (or all) get merged by end of year.

Comment 3

[Nikola Lazarov]

I would like to fix this issue. I would switch the layout to flex to avoid having the fixed height. Could I get assigned? I was looking for an easy first issue to get acquainted with contributing.

Comment 4

[BMO Github Automation]

Attachment: [mozilla-bteam/bmo] Bug 1985464 - Switch guided bug entry cards to flex layout to avoid a fixed height (#2498)

Comment 5

[BMO Github Automation]

Authored by https://github.com/nikelaz
https://github.com/mozilla-bteam/bmo/commit/ef621c2bb334e104b762b119912e9878d598b7d6
[master] Bug 1985464 - Switch guided bug entry cards to flex layout to avoid a fixed height