jgraph / jgraph/drawio

The margin top of "line start" and "line end" labels in "Style" panel is too big

Open Beginner friendly
#5,680 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug needs-info
Dominant language
JavaScript
Stars
8.2k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Preflight Checklist
  • I agree to follow the Code of Conduct that this project adheres to.
  • I have searched the issue tracker for a feature request that matches the one I want to file, without success.

You must agree to search and the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.

Describe the bug
The margin top of "line start" and "line end" labels in "Style" panel is now 10px, too big to see the entire labels.

To Reproduce
Steps to reproduce the behavior:

  1. Click on an existing line in the canvas.
  2. Check the "line start" and "line end" labels in "Style" panel.

Expected behavior
The margin top of "line start" and "line end" labels in "Style" panel should be about 7px.

Screenshots
If applicable, add screenshots to help explain your problem.

draw.io version:

  • 28.1.2

Desktop:

  • OS: Windows

Additional context
I think, to repair this issue, in the function BaseFormatPanel.prototype.addLabel in .\src\main\webapp\js\app.min.js, g.style.marginTop = "10px"; should be changed.

Contributor guide

No contributing guide indexed for this repository

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.

Research direction

Start in .\src\main\webapp\js\app.min.js at BaseFormatPanel.prototype.addLabel and inspect the marginTop assignment. Reproduce the issue by selecting an existing line and checking the Style panel's "line start" and "line end" labels. Done means the labels are fully visible with approximately 7px of top margin.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.