Plan review UI renders black rectangles over inline code, code blocks, and tables

Resolved 💬 2 comments Opened Mar 25, 2026 by ghost Closed Apr 22, 2026

Description

The plan review panel in the VS Code extension renders black rectangles/bars over certain markdown elements, making the plan unreadable. Affected elements include:

  • Inline code (backtick-wrapped text)
  • Fenced code blocks (triple backtick blocks)
  • Markdown tables
  • Possibly bold text within certain contexts

Steps to Reproduce

  1. Open Claude Code in VS Code
  2. Enter plan mode (Shift+Tab or /plan)
  3. Have Claude write a plan that includes:
  • Inline code references (e.g., some-file.yml)
  • Fenced code blocks (YAML, bash, markdown)
  • Markdown tables with pipe syntax
  1. Review the plan in the "Ready for review" panel

Expected Behavior

All markdown elements should render correctly in the plan review panel, similar to how they render in a standard markdown preview.

Actual Behavior

  • Inline code appears as black rectangles covering the text
  • Code blocks render as large black areas
  • Tables render with black bars over cell content
  • Only plain text paragraphs and bullet points render correctly

Environment

  • OS: Windows 11 Pro 10.0.26200
  • VS Code: Latest stable
  • Claude Code: VS Code extension (latest)

Workaround

Rewrite the plan using only plain text (no backticks, no code blocks, no pipe tables) to avoid the rendering issue. Users can also read the plan file directly in the editor instead of the review panel.

View original on GitHub ↗

This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗