Skip to content

CodeBlock's copy button loses indentation #11414

@kluoyun

Description

@kluoyun

Have you read the Contributing Guidelines on issues?

Prerequisites

Description

Clicking the Copy button in the top-right corner of CodeBlock and then pasting it into any editor loses the indentation.

I tried adding src\theme\CodeBlock\Buttons\CopyButton\index.tsx.
And replacing import copy from 'copy-text-to-clipboard'; with navigator.clipboard.writeText(text).catch(console.error);.
Then copying works fine.

Reproducible demo

No response

Steps to reproduce

I didn't try to create a new repository for testing. It just happened to multiple people in my repository.

Expected behavior

The contents of the code block should be copied as is.

Actual behavior

At present, the original content will actually be modified. I don’t know what operation or replacement was done, which resulted in the loss of indented content.

Your environment

  • Public source code:
  • Public site URL:
  • Docusaurus version used:
  • Environment name and version (e.g. Chrome 89, Node.js 16.4):
  • Operating system and version (e.g. Ubuntu 20.04.2 LTS):

Self-service

  • I'd be willing to fix this bug myself.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugAn error in the Docusaurus core causing instability or issues with its execution

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions