scratchfoundation / scratchfoundation/scratch-editor

Vector graphics with shadows no longer display

Open
#269 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug has PR
Dominant language
JavaScript
Stars
281
Forks
276
Avg merge
7d 8h
Merged PRs (30d)
6

Description

Expected Behavior

imported vector graphics with a shadow, previously displayed correctly, with the shadow, in both the editor and the scratch stage (but not in costume thumbnails)

Any edits would remove the shadow (and similar effects such as corner rounding)

Actual Behavior

imported vector graphics with a shadow, will not display on the stage (but will in the editor). As far as I can tell, this is only affected by the shadow property. Corner rounding still follows the previous behaviour.

Steps to Reproduce

Steps to reproduce the behavior:

  1. Go to 'https://scratch.mit.edu/create'
  2. Click on 'import costume' or 'upload sprite'
  3. Import an SVG costume with a shadow effect (try creating one in a tool like Figma)
  4. Any element with the shadow effect does not render

See the project: https://scratch.mit.edu/projects/655176140/editor

look at the costumes of the first sprite

System Details

Cross platform

Screenshots

Image Image

https://scratch.mit.edu/projects/1198678674

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

Reproduce the issue at https://scratch.mit.edu/create by importing an SVG costume with a shadow, then compare its appearance in the editor and on the scratch stage. Done means imported vector elements with shadow effects render on the stage as they did previously, while costume thumbnails may retain their existing behavior.

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.