Open Bug 1777869 Opened 5 months ago Updated 5 months ago

Headers start from row 2 in the headers pane

Categories

(Thunderbird :: Message Reader UI, defect)

Thunderbird 102
defect

Tracking

(Not tracked)

UNCONFIRMED

People

(Reporter: meso5, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

Attached image pane1.png

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

Steps to reproduce:

I upgraded to v102 and ran TB as usual expecting to see the usual headers pane.

Actual results:

From the moment I upgraded to v102, the first header in the header pane (From:) is displayed in the second row. This leaves a gap in the first row (see photo). The toolbar is displayed in the first row as normal. This happens when the width of the TB window is less than around 775 pixels, even when there is plenty of space available. When I increase width to around 775 pixels, From: moves where it should be (ie top of the headers pane).

Expected results:

The From: header should be in the first row of the headers pane.

Component: Untriaged → Message Reader UI

I'm not able to reproduce this issue.
Thomas, does this happen for you?

Flags: needinfo?(bugzilla2007)

(In reply to Alessandro Castellani [:aleca] from comment #1)

I'm not able to reproduce this issue.
Thomas, does this happen for you?

Nope. But reporter must be running an addon which may interfere here, as can be seen by the reduced number of icons on the screenshot of attachment 9283950 [details].

meso5, does this problem happen with ≡ > Help > Troubleshoot Mode…?

Flags: needinfo?(bugzilla2007) → needinfo?(meso5)

(In reply to Thomas D. (:thomas8) from comment #2)

Nope. But reporter must be running an addon which may interfere here, as can be seen by the reduced number of icons on the screenshot of attachment 9283950 [details].

The icons are hidden through a custom userChrome.css. Before I reported this I disabled all addons and the problem was still there.

meso5, does this problem happen with ≡ > Help > Troubleshoot Mode…?

Yes, it does. I would upload a new screenshot but it looks the same as the first one only this time the complete set of buttons are visible.

Flags: needinfo?(meso5)

Would you feel comfortable to share your userChrome.css?
If you don't want to upload it here, feel free to send it to my email directly.

Flags: needinfo?(meso5)
#header-view-toolbar toolbarbutton[disabled="true"],
#header-view-toolbar > #hdrReplyToSenderButton,
#header-view-toolbar > #hdrArchiveButton {
  display: none;
} 

I was getting the problem before I created a userChrome.css for the first time. I created the css file hoping that (a) by shortening the toolbar, there would be more space for the From: header to fit in the first row and (b) because the archive button is completely pointless to me. Shortening the toolbar have no effect, but From: moves up to where it should be if I hide the toolbar.

It may be relevant that I had 'Message Header Toolbar Customize' installed. This was incompatible with v102 and then I removed it completely. Not sure if it interfered with TB's settings.

Flags: needinfo?(meso5)

It may be relevant that I had 'Message Header Toolbar Customize' installed. This was incompatible with v102 and then I removed it completely. Not sure if it interfered with TB's settings.

It might be, indeed.
I'm not sure if that add-on left some residual CSS that is causing the header to stack. We had some media queries before 102 to make that happen, but they've been removed.
The fact that you were able to specifically find that the problem appears below 775 pixels, makes me think that there might be some CSS or edited markup that triggers that UI wrapping.

Would you be able to do something a bit more advanced?

  • Open the Developer Tools
  • Make sure to be on the Inspector tab
  • Select the #messageHeader and start inspecting its child elements, particularly the:
    • #headerSenderToolbarContainer
    • #header-view-toolbox
    • #expandedfromRow and its children

Let me know if you can spot some CSS declarations or media queries that are causing these elements to wrap.

Blocks: tb102found

Would you be able to do something a bit more advanced?

I got there and I can see the specific lines that refer to that toolbar in the header pane, padding etc but I can't tell which part, if any, is suspicious. I couldn't find a way to export that branch so I generated a massive screenshot if anyone is interested.

Please try the "Reset toolbars" option you get when opening Troubleshoot mode

(In reply to Magnus Melin [:mkmelin] from comment #8)

Please try the "Reset toolbars" option you get when opening Troubleshoot mode

Done and nothing changed.

You need to log in before you can comment on or make changes to this bug.