<code> blocks get hyphens inserted sometimes

[spollard]

Thanks in advance for your bug report!

• Have you reproduced this issue in incognito/private browsing?
• Have you made sure you issue doesn't already exist?

Where is the URL that this occurs?

https://pulsar-edit.dev/docs/launch-manual/sections/behind-pulsar/#reading-config-settings

What's your issue?

Some of the code elements get split across lines and hyphens inserted in them, which breaks the code. I noticed it with the atom.config.get right before the first code block in https://pulsar-edit.dev/docs/launch-manual/sections/behind-pulsar/#reading-config-settings .

Which OS/Browser/Version does this happen on?

Debian 12
Firefox 115

Steps to Reproduce/Additional Details:

When you visit https://pulsar-edit.dev/docs/launch-manual/sections/behind-pulsar/#reading-config-settings at a width of 1146px (at least on my linux firefox), some of the code elements get split across lines and hyphens inserted in them, which breaks the code. I noticed it with the atom.config.get right before the first code block in that section.

Hyphenation is set in this CSS selector
.theme-hope-content:not(.custom) > p, .theme-hope-content:not(.custom) > ul p, .theme-hope-content:not(.custom) > ol p {
hyphens: auto;
}

And I hacked a fix like so

code {
hyphens: none;
}

[Daeraxa]

Thanks for reporting this, this should be pretty easy to overwrite on the theme.

[confused-Techie]

Thanks a ton for reporting this!

Seems there are protections for the code blocks themselves at least:

pre[class*-language-]>code {
  hyphens: none;
  -webkit-hyphens: none;
}

But seems those same protections were not considered for inline code blocks. Appreciate you contributing!