When using codeblocks, i had this issue happening:
It was even more prominent on mobile devices, where zooming out the page wouldn’t improve it
I figured out that the way to fix this behaviour is by simply adding a overflow: scroll;
to the <pre>
's style attribute. Using this will result in a scrollbar appearing on the bottom of the rendered codeblock, so that the content is always stays within the page
Because i thought some people would like not to have such behaviour, i added it as an option to codeblocks, which is used like this:
```overflowscroll
Note: I have implemented it and will post a PR regarding this topic, which will be linked in the comments