jgraph / jgraph/drawio

Visual Bug: How Objects' Layering Inconsistently on Shared Workplace with Other Users

Open
#5,550 5 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 search the issue tracker and agree to 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.

If you are technical, you should report bugs along the lines of https://marker.io/blog/how-to-write-bug-report. If you are not technical, we will make allowances, please try to make an effort to understand the process.

Describe the bug
An inconsistent how objects layered to each other if there are multiple users working on the same objects on a shared workplace.

To Reproduce
Steps to reproduce the behavior:

  1. Setup a workpalce
  2. Share the workplace as a google drive file
  3. Share for multiple users to join in
  4. Let them and you be present on the same workplace
  5. User 1 creates objects that can overlay with others
  6. User 2 will drag objects those overlayered the objects

Expected behavior
This will create inconsistent object layering. User 1 (Screenshot with white mode on) might see objects placed at the bottom of the layer, requiring User 1 to manually drag backward to the layer, as shown in the first screenshot. As seen in User 2 (Screenshot with dark mode on), their screen appears consistent with the background color used.

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

Image Image

draw.io version (In the Help->About menu of the draw.io editor):

  • draw.io version currently used on the web

Desktop (please complete the following information):

  • Device: Laptop
  • OS: Windows
  • Browser: Microsoft Edge

I tested the problem in incognito/private mode with all browser extensions switched off, write "yes" below:

  • Yes

Additional context
Add any other context about the problem here.

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

No file or test is named. Start by reproducing the layering discrepancy in a shared Google Drive workplace with multiple users, using the reported Windows and Edge setup; compare each user's object order after dragging overlapping objects. Done means all collaborators consistently see the same layering without manual correction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.