Prevent Code blocks from having line breaks removed

[westonruter]

As reported on the support forum, some themes/plugins include this CSS rule:

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
}

Apparently it's trying to style code tags that appear inside paragraphs and not in pre tags. However, we wrap the code inside of a div inside of a pre, so this causes the style to break.

The workaround I provided was:

pre[data-shcb-language-slug]>div>code {
    white-space: pre;
}

We should consider including that by default.

[allejo]

Ew... I hate theme battles. I'd be okay with adding this extra rule to our stylesheet. As long as this doesn't break soft wraps. Maybe combine it here?

syntax-highlighting-code-block/style.css

Lines 47 to 49 in 85ee5c9

	.wp-block-code code.hljs:not(.shcb-wrap-lines) {
	white-space: pre;
	}

[westonruter]

Yeah, that looks promising.