scratchfoundation / scratchfoundation/scratch-blocks

The position is not correct After the blocklyDraggable is dragged to blocklyFlyout

Open
#1,666 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted needs-triage
Dominant language
JavaScript
Stars
2.8k
Forks
1.6k
Avg merge
4h 51m
Merged PRs (30d)
12

Description

Expected Behavior

The blocklyDraggable can be dragged to the corresponding position with the mouse.

Actual Behavior

When drag the blocklyDraggable into blocklyFlyout area , The blocklyDraggable unable to reach the specified position. instead, it will back to the original position. And it also affects other blocklyDraggable position.

03

Steps to Reproduce

I want blocklyFlyout is hidden after the blocklyDraggable is dragged or clicked, So I do the following steps:

  1. Modify flyout_vertical.js file to make blocklyFlyout can autoClose :

    Blockly.VerticalFlyout.prototype.autoClose = true

  2. Drag the blocklyDraggable into blocklyFlyout area, then release the mouse, The blocklyDraggable will back to the original position

Operating System and Browser

Window10 Chrome 67.0.3396.99

Contributor guide

Open the contributing guide

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 reproducing the drag behavior in Chrome after setting Blockly.VerticalFlyout.prototype.autoClose = true in flyout_vertical.js. Verify what happens when blocklyDraggable enters blocklyFlyout, then confirm that the dragged block reaches the intended position and other block positions are not changed.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
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.