Line break when copying commands form the website

[cmainas]

In some cases the commands we copy from the documentation contain a line break right after the first word. As an example, we can take a look the snippet to install the latest version of runc in the installation guide (See https://urunc.io/installation/#install-runc-or-any-other-generic-low-level-container-runtime).. Copying directly the snippet returns the following:

RUNC_VERSION=$(curl -L -s -o /dev/null -w '%{url_effective}' "https://github.com/opencontainers/runc/releases/latest" | grep -oP "v\d+\.\d+\.\d+" | sed 's/v//')
wget
 -q https://github.com/opencontainers/runc/releases/download/v$RUNC_VERSION/runc.$(dpkg --print-architecture)
sudo
 install -m 755 runc.$(dpkg --print-architecture) /usr/local/sbin/runc
rm
 -f ./runc.$(dpkg --print-architecture)

but it should be

RUNC_VERSION=$(curl -L -s -o /dev/null -w '%{url_effective}' "https://github.com/opencontainers/runc/releases/latest" | grep -oP "v\d+\.\d+\.\d+" | sed 's/v//')
wget -q https://github.com/opencontainers/runc/releases/download/v$RUNC_VERSION/runc.$(dpkg --print-architecture)
sudo  install -m 755 runc.$(dpkg --print-architecture) /usr/local/sbin/runc
rm  -f ./runc.$(dpkg --print-architecture)

[Eshaan-byte]

Hi, @cmainas can I work on this issue? Thank you!

[vinayakjeet]

/assign

[vinayakjeet]

Hi @cmainas Tried reproducing by copying from the docs, but no line-break issues on my end (WSL Ubuntu + [browser]). Is it browser/platform-specific?

[Git-HimanshuRathi]

Hi @cmainas,

I investigated this issue and found that the broad CSS rule .md-code__content span { display: block; } causes token-level spans inside code lines to render as block elements, which introduces unwanted line breaks when copying commands.

I’ll open a PR shortly with the proposed fix.

[cmainas]

Hello @Git-HimanshuRathi and @Eshaan-byte ,

thank you for your interest in this issue. Have you reproduced this issue?

[Git-HimanshuRathi]

yes , issue is restricted to firefox only working perfectly on mac .