ant-design / ant-design/pro-components

🐛[BUG]EditableProTable 自定义可编辑表格demo编辑出现重叠现象,导致无法编辑

Open
#7,771 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🐛 bug 描述
官网网站的列子EditableProTable, 自定义可编辑表格demo。编辑标签时,当内容超出列宽时失去焦点会导致操作列和正在编辑列内容重叠, 甚至导致列内容无法聚焦,不能编辑

### 📷 复现步骤

编辑标签列超过2列等于3列或公共内容超过当前列宽度

### 🏞 期望结果

当列宽度不够,编辑时 应换行,不应存在重叠现象

### 💻 复现代码

### © 版本信息

- ProComponents 版本: [e.g. 2.6.28]
- react 版本: [18.2.0]
- 浏览器环境
- 开发环境 [e.g. mac OS]

### 🚑 其他信息
截屏2023-10-10 10 14 18

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the website's EditableProTable custom editable-table demo with long tag or shared-content values that exceed the column width. Done means the editing and action columns no longer overlap, the content wraps when needed, and the edited cell remains focusable and editable.

Written by the indexing model from the issue text.

Assessment

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