Problem with "content block" menus

Why does my Content Blocks menu look like this?  The description for each block is getting cut off!  Running Chrome on Windows.

Don't know when it started doing this, but now it's a probl em on both my computers WTF

I have encountered this problem 3 times, when coding some features to clients: CSS / JS conflicts with Blocks.

What code are you inserting into Custom CSS or Code Injection or Code Block?

featherlight button + lightbox, also custom iframes for youtube embeds

i found the culprit!  i took out all my code and put it back piece by piece while refreshing and testing.

was a CSS flexbox i made that wasn't even doing anything.  thanks for the suggestion! I wasn't sure what to try

4 hours ago, refrakt said:

i found the culprit!  i took out all my code and put it back piece by piece while refreshing and testing.

was a CSS flexbox i made that wasn't even doing anything.  thanks for the suggestion! I wasn't sure what to try

Sometimes custom CSS affects all elements in the page. You can adjust the class name, so that it only affects the element you want, not the menu block.

For example in my case, it has CSS * {box-sizing: border-box;}

It has created the same problem as yours.

I changed it to .code-block * {box-sizing: border-box;}