baidu / baidu/amis

combo tabs模式下 tab标签标题过长导致删除按钮无法点击

Open
#4,907 0 comments 0 reactions 0 assignees View on GitHub
need confirm
Dominant language
TypeScript
Stars
18.9k
Forks
2.7k
PR merge metrics
No merged PRs in 30d

Description

#### 描述问题:

combo tabs模式下 tab标签标题过长导致删除按钮无法点击

#### 截图或视频:

#### 如何复现(请务必完整填写下面内容):

1. 你是如何使用 amis 的?
`sdk`

2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在
2.0.2版本

3. 粘贴有问题的完整 `amis schema` 代码:
```
{
"type": "page",
"body": {
"title": "",
"type": "form",
"mode": "horizontal",
"autoFocus": false,
"body": [
{
"type": "combo",
"name": "combo101",
"label": "组合多条多行",
"multiple": true,
"multiLine": true,
"value": [
{}
],
"tabsMode": true,
"tabsStyle": "card",
"tabsLabelTpl": "aaaaaaaaaaaaaaaaa",
"maxLength": 3,
"items": [
{
"name": "a",
"label": "文本",
"type": "input-text",
"placeholder": "文本",
"value": "",
"size": "full"
},
{
"name": "b",
"label": "选项",
"type": "select",
"options": [
"a",
"b",
"c"
],
"size": "full"
}
]
}
],
"submitText": null,
"actions": []
}
}
```

4. 操作步骤

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue in the amis SDK with the supplied combo schema, especially the long tabsLabelTpl value and tabsMode configuration. Start by tracing the combo tabs UI from that reproduction; done means the delete button remains clickable when a tab title is too long.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.