Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

[Topology] Add ghost node during drag to Figma kit

Đang mở
#970 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
48/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
figma
Lĩnh vực
design, documentation

Hướng nghiên cứu

Start with the merged react-topology PR #311 and its design-review asset, then inspect the existing topology components and tokens in the Figma kit, especially DefaultNode and DefaultEdge. Add the ghost-node state, document when it appears during drag, and check whether freezeEdgeDuringNodeDrag needs an example update. Done means the visuals, usage notes, token alignment, and relevant release cross-link are present.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Patterns & Extensions Library Topology

Summary

@patternfly/react-topology now supports an optional ghost node (non-interactive placeholder) at a node's original position while the real node is being dragged, so edges do not appear to hang in empty space. This work should be reflected in the PatternFly design kit (Figma) so designers can spec and review the interaction consistently with implementation.

Upstream references

Design kit scope (suggested)

  • Add Figma representation(s) for the ghost / placeholder node state used during drag (visual treatment aligned with DefaultNode and existing topology tokens).

  • Document when the ghost appears vs. the live dragged node (interaction note or kit annotation), matching the optional API behavior in code.

  • If applicable, update topology examples or pattern frames so drag scenarios show the ghost for handoff and QA.

Acceptance criteria

  • Ghost-node visuals and usage are documented in the kit in line with the merged react-topology behavior.

  • Any new styles use existing design tokens / library styles where possible.

  • Cross-link or changelog note pointing designers to the react-topology release when this lands in a stable channel (if kit ships before/after stable).

Notes

Upstream also notes a related change in DefaultEdge around freezeEdgeDuringNodeDrag (see PR #311). Confirm whether kit edge documentation or examples need a small alignment pass.

Jira Issue: PF-3924

Ngôn ngữ chính
Không có dữ liệu ngôn ngữ
Star
50
Fork
40
Không có pull request nào được merge trong 30 ngày

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của patternfly/patternfly-design-kit

Tất cả issue của patternfly/patternfly-design-kit

Issue tương tự

Thêm issue về Design

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.