# Overflow css bug for boxes subcategory list style

**URL:** https://meta.discourse.org/t/overflow-css-bug-for-boxes-subcategory-list-style/156417
**Category:** Support
**Created:** [June 30, 2020, 11:59pm UTC](https://meta.discourse.org/t/overflow-css-bug-for-boxes-subcategory-list-style/156417 "2020-06-30T23:59:03Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Jason\_Schulke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_schulke/32/178176_2.png) [@Jason\_Schulke](https://meta.discourse.org/u/Jason_Schulke)
#### Post date: [June 30, 2020, 11:59pm UTC](https://meta.discourse.org/t/overflow-css-bug-for-boxes-subcategory-list-style/156417/1 "2020-06-30T23:59:03Z")

</div>

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](https://global.discourse-cdn.com/meta/original/3X/8/b/8b8c1ca2707b68a551382a66a2a64a1128f273c7.jpeg)

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](https://discuss.codecademy.com/c/project/1833).

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 1, 2020, 1:33am UTC](https://meta.discourse.org/t/overflow-css-bug-for-boxes-subcategory-list-style/156417/2 "2020-07-01T01:33:01Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![Jason\_Schulke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_schulke/32/178176_2.png) [@Jason\_Schulke](https://meta.discourse.org/u/Jason_Schulke)
#### Post date: [July 1, 2020, 8:48pm UTC](https://meta.discourse.org/t/overflow-css-bug-for-boxes-subcategory-list-style/156417/4 "2020-07-01T20:48:24Z")

</div>

Thanks @awesomerobot, that makes sense!

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 10, 2020, 11:53pm UTC](https://meta.discourse.org/t/overflow-css-bug-for-boxes-subcategory-list-style/156417/5 "2020-07-10T23:53:47Z")

</div>

I merged an update yesterday that updates how the overflow works. We now use CSS [line-clamp](https://caniuse.com/#feat=css-line-clamp), which will adjust on page resize without a refresh.

[https://github.com/discourse/discourse/commit/706f1a629475a8eee682685fb0119c180207cd6b](https://github.com/discourse/discourse/commit/706f1a629475a8eee682685fb0119c180207cd6b)

You’ll get this change the next time your site is updated.

---

<div class="post-metadata">

### Author: ![MichelleBarnett](https://avatars.discourse-cdn.com/v4/letter/m/34f0e0/32.png) [@MichelleBarnett](https://meta.discourse.org/u/MichelleBarnett)
#### Post date: [July 15, 2020, 6:48pm UTC](https://meta.discourse.org/t/overflow-css-bug-for-boxes-subcategory-list-style/156417/6 "2020-07-15T18:48:44Z")

</div>

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?