Long description text box for Badges extends beyond boundary

סיכום מבוסס בינה מלאכותית

Users reported a bug where the long description text box for badges extends beyond its boundary on the /badges page. Noble_Fish initially identified the issue, noting it appeared under the Horizon theme, though they later clarified they had only checked the main badges list rather than individual user profiles. chapoi confirmed the bug persists in the Foundation theme as well, prompting a discussion on whether the issue was theme-specific. NateDhaliwal observed the problem on Horizon but not on Meta Branded, suggesting the layout difference (2 badges per row vs. 3) might influence the overflow. Lilly added that the issue is reproducible in safe mode, indicating it is likely a core problem rather than a theme-specific one. Noble_Fish noted they could not reproduce the bug on their end, possibly due to not having badges with sufficiently long descriptions yet. The discussion also touched on a related UI concern regarding the favorite button potentially obscuring text Noble_Fish. Ultimately, awesomerobot acknowledged the reports and announced that adjustments to fix these issues are being implemented via a pull request here.

As shown in the figure:


2 לייקים

@chapoi I noticed you changed my title from

Long description text box for Badges extends beyond boundary under Horizon theme

to

Long description text box for Badges extends beyond boundary

This removed some useful information.

To avoid unnecessary misunderstandings, when I posted this topic, I switched between the four themes in the lower-left corner of the interface to verify, and this issue only occurs under the Horizon theme. :upside_down_face:

That’s odd, I tested too in the normal Foundation theme, and the problem persist there too.

I’m on Meta Branded and cannot see it. It appears when I use Horizon.

Also see it there

Hmm…

Meta Branded:

Horizon:

Foundation:

Your meta branded screenshot is just wider… make it more narrow and it will do the same?

this is reproducable in safe mode. it does not matter what theme is enabled.

Hmm… strange, it works fine on my end.



Judging from your screenshot, it should be the /u/<id>/badges page? I haven’t earned any badges with descriptions as long as that yet, so I only checked the /badges page. :sweat_smile:

Alright then! Since this is a bug, the more thoroughly it’s fixed, the better. :grinning_face:

Same

So I think my edit of the title was warranted :slight_smile:

Dont know why we’re seeing such different things tho. Either way, it’s most likely a core fix.

Yes, I have understood the rationale behind this change, and I agree. :slightly_smiling_face:

I think it might be because on Meta Branded, the Badges page has 2 per row, as compared to the others, which has 3.

If I were to force it to be the same width, then yes, the text overflows.

Maybe this is another related question of the same kind: Should the favorite button obscure the text? I don’t think that feels quite right. :slightly_smiling_face:

Edit: If it is indeed a problem, please trouble to split it into another topic. If not, just leave it.

2 לייקים

Thanks for the details everyone, some adjustments to fix these issues coming here:

https://github.com/discourse/discourse/pull/38284

לייק 1