1830518 - Quick filter UI overflows into message pane in Vertical View

Status: RESOLVED FIXED

(Thunderbird :: Mail Window Front End, defect, P3)

Description

[Jaise]

Attachment: message filter going out & overlapp reader pane.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/112.0

Steps to reproduce:

Type some string in quick filter. Resize message list view to smaller size.

Actual results:

sender/ Subject / ... Overflow to message view

Expected results:

should not overflow. should be flow downward.

Comment 1

[Thomas D. (:thomas8)]

Ouch! Thanks Jaise, indeed this is happening on Daily 114.0a1 (2023-05-01) (64-bit), Win10, Quick filter UI breaks easily in Vertical View.

Comment 2

[Thomas D. (:thomas8)]

Attachment: Screenshot: Quickfilter UI doesn't overflow hence breaks Vertical View (cards)

Tags also affected (we have a similar bug for that).
Quick filter's search text input should also have a min-width to remain readable.
Possible expected overflow might be expand vertically, scrollbar, or combinations thereof.

Comment 3

[Alessandro Castellani [:aleca]]

Uh, I can't reproduce on Windows as the elements are cut off.
We're still working on this UI to get proper overflow handling and search field handling in various sizes, so it might get fixed later, but this doesn't happen to me.

Comment 4

[Wayne Mery (:wsmwk)]

Not needed for beta appeal -> P3

Comment 5

[[:Aureliano Buendía]]

I cannot reproduce in Windows 11 with 115.0a1 (2023-06-05) (64-bit)

Comment 6

[Wayne Mery (:wsmwk)]

I can reproduce this on 115.0b1 on Mac, and 115.0a1 (2023-06-05)

Comment 7

[Alessandro Castellani [:aleca]]

This only happens in the vertical layout since the HTML splitter separating the message list and the message pane only cares about the min-width specified for the message list, ignoring if any element inside that container doesn't fit.
We're rebuilding the QFB to be properly responsive but it won't happen before 115, so as a temporary fix to mitigate the issue we can let those itons naturally wrap and set an overflow hidden to the whole element.

Comment 9

[[e-mail]]

Attachment: Bug 1830518 - Allow Quick filter UI to wrap in Vertical View. r=#thunderbird-front-end-reviewers

Comment 10

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/comm-central/rev/fcc20dc18f1d
Allow Quick filter UI to wrap in Vertical View. r=aleca

Comment 11

[[e-mail]]

Comment on attachment 9338140 [details]
Bug 1830518 - Allow Quick filter UI to wrap in Vertical View. r=#thunderbird-front-end-reviewers

[Approval Request Comment]
Regression caused by (bug #):

User impact if declined:
When using vertical view a user can cause UI elements in the Quick Filter bar to overflow into the message view.

Testing completed (on c-c, etc.):
both automated and manual testing on daily.

Risk to taking this patch (and alternatives if risky):
Minimal risk as this is only css changes

Comment 12

[Wayne Mery (:wsmwk)]

Comment on attachment 9338140 [details]
Bug 1830518 - Allow Quick filter UI to wrap in Vertical View. r=#thunderbird-front-end-reviewers

[Triage Comment]
Approved for beta

Comment 13

[Rob Lemley [:rjl]]

Thunderbird 115.0b2:
https://hg.mozilla.org/releases/comm-beta/rev/9e06cb40bff5