Copy/paste behavior inside of a code block

[Aerowinder]

Context

Config - zensical.toml:

[project.markdown_extensions.pymdownx.superfences]
[project.markdown_extensions.pymdownx.inlinehilite]
[project.markdown_extensions.pymdownx.highlight]
anchor_linenums = true
line_spans = "__span"
linenums = true
pygments_lang_class = true
[project.markdown_extensions.admonition]
[project.markdown_extensions.pymdownx.details]
[project.markdown_extensions.attr_list]
[project.markdown_extensions.pymdownx.snippets]
[project.markdown_extensions.pymdownx.tabbed]
alternate_style= true

[project.theme]
features = [
  "content.code.annotate",
  "content.code.copy",
  "content.code.select",
  "content.tabs.link",
  "navigation.path",
  "navigation.external_links",
  "search.highlight",
  "search.suggest"
]

[[project.theme.palette]]
scheme = "default"
toggle.icon = "lucide/sun"
toggle.name = "Switch to dark mode"

[[project.theme.palette]]
scheme = "slate"
toggle.icon = "lucide/moon"
toggle.name = "Switch to light mode"

Config - extras.css

.md-grid {
    max-width: 95%;
}

.md-nav__title {
    display: none;
}

Bug description

If I press the copy button in my code block, it looks like this (correct):

groupadd --system zensical
useradd --system -g zensical -d /opt/zensical -s /usr/sbin/nologin zensical
install -d -o zensical -g zensical /opt/zensical
usermod -aG zensical newuser

If I instead select the code block text with my mouse and copy with Ctrl+C (or use the line selection function to do the same), it looks like this:

groupadd --system zensical
useradd
 --system -g zensical -d /opt/zensical -s /usr/sbin/nologin zensical
install
 -d -o zensical -g zensical /opt/zensical
usermod
 -aG zensical newuser

This has been happening I think since I swapped over from MkDocs. Which would have been.... 0.17, 0.18 maybe? Somewhere in there.

Related links

N/A

Reproduction

I am able to easily reproduce this every time I manually copy snippets from my code blocks.

Steps to reproduce

1. Generate a code block
2. Copy the text out of it with Ctrl+C
3. Observe the added new lines where they don't belong.
4. I can make some snippets available if required, but it would require some sanitation on my end prior to submission.

Browser

Firefox

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction.

[squidfunk]

Thanks for reporting. Please provide a self-contained reproduction that we can run. It could be related to your CSS overrides.

[squidfunk]

In any case, this would be a UI-related bug, so I'm transferring this to the UI repository.

[Aerowinder]

Greetings,

Thanks for the quick reply and sorry for the slow response. I wanted to do more testing before replying. I've attached a very stripped down version of my site that only includes 1 test page and my CSS. The theming is a little broken, but it works well enough to demonstrate the issue.

I did test without the extra.css, and the issue persisted. I'm on Fedora KDE, using the RPM version of Firefox. This is occurring on Firefox, but not on the Flatpak version of Chrome. I will try to test this on Firefox on Windows tomorrow to determine if the bug is in Firefox as a whole or just the Linux version of Firefox. I will respond with my findings.

zensical-copy-bug-firefox.zip

[Aerowinder]

Update: I can also reproduce this in the Windows version of Firefox.

[squidfunk]

Your reproduction does not contain a runnable project – there's no configuration file. Additionally, you wrote:

I am able to easily reproduce this every time I manually copy snippets from my code blocks.

I've tested this on our sites – for instance with this code block – in Chrome and Firefox (on macOS) – no problems. Thus, please provide a runnable reproduction that is stripped from all of your customization. It can be related to additional CSS.

[Aerowinder]

zen-copy-bug-firefox.zip

Greetings,

Thank you for the response. I believe that I misunderstood your request for a self-contained reproduction. I've attached a new zip file, that contains the source for a barebones site build. This was way easier than what I did the first time.

Building this version, I am able to replicate the isuses I was experiencing with Firefox 100% of the time. It also occurs in "Private Browsing", which disables all addons by default.

My build command is /opt/zensical/.env/bin/zensical build --clean --config-file "/opt/zensical/zensical.toml

[squidfunk]

Thanks for the reproduction. I still don't see the issue. Please use an incognito browser, as this should disable all browser extensions – there might be a browser extension that is at play here. For reference: squidfunk/mkdocs-material#8547

[squidfunk]

Wait, you're right – I'm also seeing it on Firefox now.

[squidfunk]

So I'm not sure why this is happening. It's only happening for the command-style code blocks. Any help is appreciated. We should disable CSS one-by-one to find out why this is happening, but it might also be a bug in Firefox.