Display corrupted on the top

[muellerto]

Describe the bug
It happens every day that the display of the button bar on the top gets corrupted. You can then only use the keys to navigate.

To Reproduce
It's not reproducible. It just happens. And you can then do what you want, it doesn't get normal anymore. Next day it's good again.

When it happens it looks like this:

Note:

• the bar right of the + is not there
• the items of the bar are in the text, so neither the headline nor the buttons are readable
• the contents of the bar are also moved left

You can then click on any category in the left pane. With this the bar and the text on the right side are refreshed and then it looks probably OK for a moment. But the next click onto a headline on the right or also the next "j" destroys the display again, so I guess the malfunction is caused by opening an article.

Expected behavior
This should not happen at all.

Environment (please complete the following information):

• commafeed.com
• firefox 148.0.2 (but also earlier versions)
• Windows 11 Pro 25H2

[Athou]

I have never experienced this :(

When it happens, does it work again when you reload the page?
Does it happen for any feed or when a specific feed is loaded?
Do you mind sharing the URL of the feed that is shown on the screenshot?
What type of display mode are you using? Expanded?

[muellerto]

It is as I said:

• Nothing helps. You can press F5, Ctrl-F5 or the reload icon. You can clear the cache. You can even terminate the browser and start it again, you'll get the problem back very soon.
• I would say it's only on Windows. I never had this on Linux.
• It doesn't depend on the feed. I guess it depends on the article length. Short articles are displayed right, articles longer than the screen height lead to that problem, but I'm not sure. Try to find a newspaper feed containing long articles, try this one.
• My display mode is always "compact".

[Darkle]

I encounter this too sometimes. I think it might be related to the inline width set on the following element header>div>div>div.

Here's a screencast of me toggling the width in firefox dev tools:

recs.mp4