angular / angular/components

CDK Drag boundary is not working for SVG element

Open
#22,051 7 comments 0 reactions 0 assignees View on GitHub
area: cdk/drag-drop P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

I am working on one project which having functionality to draw shape and drag it in it's container but when I used cdkBoundary for rect element and drag it then transform property updated base on top most parent's coordinate.

Contributor guide

Open the contributing guide

Research direction

Start with the Angular CDK drag-boundary behavior for an SVG rect and reproduce the case described in the issue, focusing on how the transform is calculated relative to the topmost parent. Confirm the boundary keeps the SVG element within its container while preserving the expected coordinate system.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.