makeplane / makeplane/plane

[bug]: Code block syntax highlighting breaks completely upon pasting code (only works when manually typed)

Open
#9,638 1 comment 0 reactions 2 assignees View on GitHub

@vihar is already working on this.

Since Aug 19, 2026.

🐛bug plane
Dominant language
TypeScript
Stars
59.6k
Forks
5.8k
Avg merge
1d 22h
Merged PRs (30d)
49

Description

Is there an existing issue for this?
  • I have searched the existing issues
Current behavior

The rich-text editor actually contains functional syntax highlighting token rules for PowerShell (as verified when writing single commands line-by-line). However, the editor completely fails to parse and tokenize text content when it is introduced via a Copy-Paste action.

  • When a script is pasted into an existing ````powershell` block, the text remains entirely plain white text.
  • When the exact same syntax components (variables, string literals, arguments) are typed in manually, the editor instantly maps the CSS highlighting rules correctly.
Image

This indicates a severe bug in the editor's Paste-Handler extension, which suppresses tokenization/re-rendering of the code block nodes upon clipboard input injection.

Steps to reproduce
  1. Create a PowerShell code block inside an issue description or page using ```powershell
  2. Scenario A (Manual Input): Type a basic snippet by hand (e.g., $ApiKey = $env:OPENAI_API_KEY).
    -> Result: Variables and values get highlighted instantly.
  3. Scenario B (Paste Input): Copy a multi-line script from an external editor (VS Code, Notepad, etc.) and press Ctrl+V to paste it into the same block.
    -> Result: The pasted content drops all syntax formatting and renders completely plain/white.
Expected Behavior

Injecting clipboard data into a language-specific Fenced Code Block node must trigger the underlying lowlight/Prism lexer to parse the block immediately, ensuring that pasted documentation remains fully highlighted and readable.

Environment
  • Component: packages/editor or apps/web (Tiptap Paste Handler/Lowlight Node extension)
  • Impacted Scope: Multi-line technical documentation snippets.
Environment

Production

Browser

Mozilla Firefox

Variant

Self-hosted

Version

v1.4.1

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.