Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[Bug]: SVG window-frame header band rounds its bottom corners

Open Beginner friendly
#35 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
82/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
rust
Domain
desktop

Research direction

Read crates/renderer/src/svg.rs at the single-panel header around lines 197–203, then compare the split-panel header around lines 441–446 and the canvas rendering behavior described in the issue. Adjust SVG header rendering so its bottom corners are square while the top follows the card shape. Export both single- and split-panel SVGs and compare their header edges with PNG output.

Written by the indexing model from the issue text.

Description

bug
What happened?

In the SVG export, the window-frame header band has rounded bottom corners. In the canvas (PNG) output the same band is clipped to the card shape, so its bottom corners are square. The two export formats therefore do not match: the SVG shows small notches at the bottom corners of the header band.

Steps to reproduce
  1. Export SVG with the window frame enabled (default).
  2. Open the file and look at the header band above the code.
  3. Compare with the PNG export of the same content.
Expected behavior

The header band bottom edge is straight, identical to the canvas rendering.

Actual behavior

The SVG header band is drawn as a standalone rounded rect (rx set to the card corner radius), which rounds all four corners including the bottom two. Canvas clips the band to the card path, so it has no bottom rounding.

Where did it go wrong?

SVG export

Settings

Window frame enabled. Any theme. Most visible on dark themes where the band tint contrasts with the card background.

Browser

Not browser specific.

CodeFrame version

0.7.0

Console output or extra context

References:

  • crates/renderer/src/svg.rs:197-203 (single panel header)
  • crates/renderer/src/svg.rs:441-446 (split panel header)

Suggested fix: wrap the header in a <clipPath> that references the card shape, or emit a path that rounds only the top corners.

Dominant language
Rust
Stars
1
Forks
0
Avg merge
1d 7h
Merged PRs (30d)
5

Getting set up

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.

More from suradet-ps/codeframe

All issues in suradet-ps/codeframe

Similar issues

More Rust issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.