Safari: sometimes code block can't scroll

Question

Safari: sometimes code block can't scroll

Closed this issue 4 years ago · 8 comments

test page here, tested macOS 10.14.3/Safari and macOS 10.14.2/Safari
sometimes refresh page is OK, I check the css and found that:

Answer 1 · 2019-01-30T06:16:58.000Z

Patch pre ?

pre {
    padding-top: 16px;
    padding-bottom: 16px
}

Answer 2 · 2019-01-30T14:20:16.000Z

@cntrump, I will investigate this issue when I get home tonight.

Answer 3 · 2019-01-30T15:29:04.000Z

@cntrump, I will investigate this issue when I get home tonight.

code block heigher than pre, I have no better idea.

Answer 4 · 2019-01-31T23:08:04.000Z

BTW, I try prismjs on my blog, I feel it is better than hljs 🤣

Answer 5 · 2019-02-01T14:19:12.000Z

@cntrump, I agree, I'll go ahead and change it. Does prismjs solve the code scroll issue? I really your blog background by the way!

Answer 6 · 2019-02-01T15:22:27.000Z

@josephhutch , thanks, I found the background at toptal

Answer 7 · 2019-02-01T15:29:05.000Z

I think it is not hljs, because I removed hljs from scripts.html, the scroll issue still here.
prismjs solved the code scroll issue, but I don't known how.

Answer 8 · 2020-07-15T03:43:10.000Z

The code highlighter has moved from a js client side highlighter to Hugo's chroma highlighter. I have not observed this issue but given the changes I am going to close this issue.