Example 15 not working as expected

Open
#2,231 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
52/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
react, typescript
Domain
frontend

Research direction

Reproduce the drag behavior in the Scale example at https://react-grid-layout.github.io/react-grid-layout/examples/15-scale.html, using the reported Windows 11 and Chrome setup if available. Trace the example's drag and scaling configuration, then verify that dragging any item keeps it under the cursor without changing behavior in other examples.

Written by the indexing model from the issue text.

Description

bug ready-for-human
Describe the bug

When trying out the "Scale" example https://react-grid-layout.github.io/react-grid-layout/examples/15-scale.html it does not behave as expected - when an item is dragged, it's not positioned under the cursor. See the attached video.

Your Example Website or App

https://react-grid-layout.github.io/react-grid-layout/examples/15-scale.html

Steps to Reproduce the Bug or Issue
  1. Drag any of the items on the page
Expected behavior

The dragged item should stay under the cursor like it does in other examples.

react-grid-layout library version

latest

Operating System Version

Windows 11

Browser

Chrome

Additional context

No response

Screenshots or Videos

https://github.com/user-attachments/assets/58e47c1b-6bdd-4436-bb5a-46181eef151f

Dominant language
TypeScript
Stars
22.4k
Forks
2.7k
Avg merge
6m
Merged PRs (30d)
2

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.

More from react-grid-layout/react-grid-layout

All issues in react-grid-layout/react-grid-layout

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.