joemaddalone / joemaddalone/react-svg-path
Provide user help with layer ordering
- Dominant language
- TypeScript
- Stars
- 33
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
Specifically in nesting scenarios the order or layers should be controllable with minimal effort.
<Parent order={3}>
<Child1 order={2} />
<Child2 order={1}>
<Child2-1 order={0} />
</Child2>
</Parent>
without the ordering this would render
<parent-path />
<child-1-path />
<child-2-path />
<child-2-1-path />
with ordering we would get
<child-2-1-path />
<child-2-path />
<child-1-path />
<parent-path />
This may be trickier than it seems, but should be possible and would solve a real pain point in svg composition. From a holistic approach if this were introduced for everything inside of <Svg /> it could prove very powerful - it could also mean inventing a v-dom for svg though...
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the nesting example in this issue and review linked pull request #27; no source files or tests are named. Done would mean that nested SVG elements can be assigned an order and render in the requested sequence, with the scope for ordering inside resolved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100