scratchfoundation / scratchfoundation/scratch-blocks

Drop shadow cut off while dragging blocks

Open
#2,678 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

High Prevalence Low Severity priority 3
Dominant language
JavaScript
Stars
2.8k
Forks
1.6k
Avg merge
4h 51m
Merged PRs (30d)
12

Description

Expected Behavior

While dragging a block in the project editor, a drop shadow should be correctly rendered below the block.

Actual Behavior

The drop shadow below a block that is being dragged is simply cut off - its borders are the same as that of the block itself, when in reality, shadows will always have a larger bounding box than the thing they're shadows of. This looks extremely weird.

This is such a common bug, that most people just ignore it. I was surprised to find that I can't see any other issue about this - of course, there could be one in the Bugs and Glitches forum on the website itself, but I don't have the patience to look through those.

Reproduction Steps

  1. Create a new project.
  2. Insert a block into the workspace.
  3. Drag the block.
  4. Observe the block's drop shadow while it is being dragged.

Environment

  • Windows 10 20H1 x64 build 19043
  • Microsoft Edge Beta 94.0.992.14

However, I've seen this bug in a lot of tutorials and screenshots - which are in other operating systems and browsers, usually in MacOS using Safari or Chrome.

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 issue in the project editor using the listed steps, then trace the block-drag rendering path. Done means the drop shadow remains visible beyond the block's bounds while dragging, across the reported browser environments.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.