Overflow CSS Bug for Boxes Subcategory List Style
A bug was reported where subcategory text overflows outside of the box area when scaling the browser window. Jason_Schulke temporarily fixed the issue by adding .category-boxes .description {overflow: hidden;} to his CSS.
awesomerobot confirmed that this is a general Discourse issue, caused by the use of JavaScript to limit overflow and maintain consistent box heights. However, with the recent drop of IE11 support, an update was made to use CSS line-clamp, which allows the layout to adjust on page resize without requiring a refresh.
This update was merged and will be rolled out with the next site update. MichelleBarnett inquired about implementing the “Boxes with Subcategories” setting only to a specific theme or component, and about previewing the setting without publishing.
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.
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 https://discuss.codecademy.com/c/project/1833.
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.
Thanks @awesomerobot, that makes sense!
I merged an update yesterday that updates how the overflow works. We now use CSS line-clamp, which will adjust on page resize without a refresh.
https://github.com/discourse/discourse/commit/706f1a629475a8eee682685fb0119c180207cd6b
You’ll get this change the next time your site is updated.
Hi! I was wondering if there is a way to implement the Boxes with Subcategories setting only to one specific theme/ theme component? If not, is there a way to preview this setting without publishing?
