The CSS styling for code blocks isn't tall enough, and causes issues on single line code blocks, for example:

hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello

This gives me a horizontal scroll bar that hides the contents of the last line. Sometimes it fades away on its own, and other times it doesn't.

I would recommend adding padding to <pre> tags in post content of at least 10px to correct this

enter image description here

  • 2
    I'm not sure I see the issue. Windows, Chrome 59, the code block looks fine to me, nothing is getting cut off or terminated early. – Howdy_McGee Jul 19 '17 at 14:28
  • here it shows but the scrollbar fades in over the top of the content – Tom J Nowell Jul 19 '17 at 15:03
  • May be best to add in browser and other specs. I don't have this issue on windows because of the block scroll bar -> i.imgur.com/yAHFtA3.jpg – Howdy_McGee Jul 19 '17 at 15:06
  • Can't find anyone who had the same problem. Does this happen on other SE sites as well? Do you have an updated browser? – kero Jul 19 '17 at 15:22
  • Chrome stable MacOS, both latest public releases – Tom J Nowell Jul 19 '17 at 20:08
  • Windows 7 + Firefox Developers here, no issue. But since it's a mac, it thinks different, and renders different. – Jack Johansson Jul 20 '17 at 13:06
  • to replicate on a mac in Chrome, scroll to show the scrollbar, then mouse over it. Once you've moused over it the scrollbar remains permanently and can't be dismissed – Tom J Nowell Jul 21 '17 at 21:00

You must log in to answer this question.

Browse other questions tagged .