antvis / antvis/X6

🐞scroller开启pageBreak自动拼接失效

Open
#5,010 2 comments 0 reactions 0 assignees View on GitHub
waiting for maintainer
Dominant language
TypeScript
Stars
6.7k
Forks
1.9k
PR merge metrics
No merged PRs in 30d

Description

### 问题描述

scroller开启pageBreak,元素的连接桩、文字、edge等超出边界时,没用自动拼接新的page

### 重现链接

https://codesandbox.io/p/sandbox/purple-forest-pqvmhh?file=%2FApp.tsx

### 重现步骤

打开链接,并将图形拖拽到边界,当连接桩或text超出边界时没有触发自动拼接。
如下图所示:
Image

### 预期行为

我期望如果有任意内容,无论是连接桩还是文字超出了边界,都能自动的拼接一页新的page,但是实际连接桩和文字被边界截断了。

### 平台

- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox ...]
- X6 版本: [3.1.0 ...]

### 屏幕截图或视频(可选但最好有)

Image

Image

### 补充说明(可选)

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox and App.tsx, enable scroller pageBreak, and drag a graph element so its connection port or text crosses the page boundary. Trace the page-break handling and boundary checks used by the scroller. Done means any content extending past the boundary automatically appends a page instead of being clipped.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.