Overflow css bug for boxes subcategory list style

support
#1

Hi! I noticed a small bug with subcategories displayed as boxes. When you scale your browser window, the text overflows outside of the box area.

Screen Shot 2020-06-30 at 6.53.59 PM
Screen Shot 2020-06-30 at 6.53.59 PM582×702 80.5 KB

I temporarily added this to account for it: .category-boxes .description {overflow: hidden;}.

Not sure if this is a bug specific to my theme, or just discourse in general, but I’ve seen the same across other sites like Projects - Codecademy Forums.

3 Likes
#2

It’s a general Discourse issue.

We’re using JS to limit the overflow and keep the boxes at a consistent height, so the layout breaks on resize but fixes when you refresh.

This was originally implemented 3 years ago, and we’ve dropped IE11 support recently, so it’s probably a good time to update this layout to avoid the issue.

6 Likes
#4

Thanks @awesomerobot, that makes sense!