Popup breaks with long feed titles

[quassy]

Steps to reproduce

1. Visit a page that has a feed with a very long title, such as the comment feed of this news article.
2. Click the feed button.

Expected behavior

The text should break and the panel item / button should become taller according to the contents. Alternatively the text should be truncated with an ellipsis.

Actual behavior

The text breaks but the panel item stays the same height and does not adapt to the longer text. Also a vertical scrollbar appears.

Screenshots and/or logs (see how to open the developer console in your browser)

[happysurf]

In my case all is OK, your RSS text is too big in my opinion, try Arial 13.

[shgysk8zer0]

This with Arial 14. I wonder if it's a settings issue or an OS issue. Also, judging by the screenshot, I'm guessing you have a very large monitor.

I'll add something to truncate text, but the overflow is a separate issue that I'll not be able to easily reproduce due to the screen size & OS I have access to, if that's part of the issue.

@quassy could you try changing padding/margins, keeping font at the same size, and let me know if any of that changes the overflow & scrolling?

[ssokolow]

Might I suggest this combination of CSS rules?

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

Here's the relevant MDN Page.

[quassy]

In my case all is OK, your RSS text is too big in my opinion, try Arial 13.

My styling and font settings were default.

This with Arial 14. I wonder if it's a settings issue or an OS issue. Also, judging by the screenshot, I'm guessing you have a very large monitor.

Settings weren't changed. Was using Windows 10 and 1366x768 on 13" for that screenshot.

Might I suggest this combination of CSS rules?

The new version works, even though the ellipsis is not shown and the text simply truncated.

[happysurf]

Settings weren't changed. Was using Windows 10 and 1366x768 on 13" for that screenshot.

OK, the problem is the screen resolution in your case but you can fix the problem changing the font size in extension options.