jgraph / jgraph/drawio

display of real-time mouse X/Y coordinates

Open
#5,261 2 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
JavaScript
Stars
8.2k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

  • 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.

Is your feature request related to a problem? Please describe.
Yes - currently, there is no way to see the current X and Y coordinates of the mouse cursor unless I'm dragging an object or using the inspector. This makes precise positioning or alignment more difficult when simply navigating the canvas. I'd like a way to see cursor coordinates live while moving the mouse.

Describe the solution you'd like
A fixed-position indicator on the UI (e.g. bottom-right corner) that displays the real-time X/Y coordinates of the mouse cursor as it moves over the canvas, without needing to click or drag.

Describe alternatives you've considered
Tooltips or floating labels near the cursor were also considered, but they would need to be toggleable for users who find them distracting. Another idea could be allowing users to move the rulers themselves - for example, dragging a vertical or horizontal guide from the canvas edge to where the focus is. However, this would require more UI changes and interaction complexity. A fixed-position coordinate display is much simpler and could remain always visible without interfering with the user experience.

Additional context
Although this feature would certainly help when working without a grid or ruler, it's just as useful when those tools are enabled. In many design situations, users need to target a specific point on the canvas precisely. In traditional drawing, we often place a transparent ruler directly over the area we’re focusing on, to guide alignment and positioning. A live coordinate readout would be a simple and digital equivalent of this experience - much easier to use and implement than movable rulers or CAD-style crosshair guides.

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 by locating the JavaScript canvas mouse-move handling and the existing inspector or ruler coordinate display. Trace how screen positions are converted to canvas X/Y values, then determine where a fixed-position readout belongs in the UI. Done means coordinates update while the cursor moves over the canvas without dragging and do not interfere with editing.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.