Image of what I’m seeing:
if I recall correctly, @profezzorn you turned this feature on yourself and maybe have some control over its styling.
With long lines, the fancy box makes the code block pretty worthless since the scrollbars just cover everything. You can click the expand button and see it fullscreen, but still…
That was macOS Safari. On iOS Safari it’s better (and the scrollbar only shows when you’re scrolling, for better or worse), but still partially occludes the text.
This is a test:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
I don’t have a mac to test on, and it looks fine on my brower(s).
It could be the line number add-on that is doing something weird though.
Or maybe safari isn’t honoring scroll bar size CSS?
(The scroll bar in your picture is much bigger than in my browser.)
Safari scroll bar doesn’t change with CSS, save for a few minor things.
Unfortunately, the code block becomes regular text if I disable the line number component.
I’ll read up on it some more.
Possibly, the right place to report this issue is here: