uber/react-vis

Animated Sunburst can not take SVG Pattern

Open

#1,015 opened on Oct 19, 2018

View on GitHub
 (8 comments) (0 reactions) (0 assignees)JavaScript (868 forks)batch import
bughelp wanted

Repository metrics

Stars
 (8,615 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Hi all

Similar to this #721 , when I tried to applied the SVG pattern to the Sunburst, it shows the black box like the following: image

However, when I remove animation from Sunburst, it works perfectly! image

Just wondering if this is caused by the animated Sunburst? I think I met a similar issue for the animated bar chart as well.

Contributor guide

Research direction
Examine the animation code in Sunburst component and compare with non animated version to identify why SVG patterns are not rendered correctly. Check if the animation creates a separate container that clips or overrides the pattern.
Tech stack
javascriptreact
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Reactreact vis
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65