BadgeCard 无自适应高会导致多行文本溢出背景
- Dominant language
- TypeScript
- Stars
- 6.6k
- Forks
- 543
- Avg merge
- 11h 33m
- Merged PRs (30d)
- 3
Description
## Feature Request
### 问题描述
实测下来 3 - 4 行 desc文本,在模板 list-grid-badge-card 无自适应高会导致多行文本溢出背景。
### 复现步骤
[复现示例](https://infographic.antv.vision/editor?content=pako%3AeNp1U01PG0EMvedXWMo1QQXSirYICZAi5VAhAe0VeWe8WSuz49V8JIRfX89uCCyll_0Y-9nPz2_Y17IO2DVswHFM83VgO6_QrmluMNiJxYQTgMTJEdw6iTlQBPQWVokCJgkR2MN9jknTLEUDD7ltMexB6v4YbiWHqOAGO4XA4uRMM0uzqG-AOTisyL0WhxuMbIbQoeC1F79vJUeoszeJxUdIDSYwWrFAthgYK6fE6iCtxgiikY5g15CG9X8PqB_st7Ihe3IozkY8GLEEhoNx9CkdHe4hhWzSe0YPOreijnJEiH0O1EzORsiR_RqWHlJATlBJ9jaO2lbyDB2aDa7HbR-bQFSQjwU5kmHp77yhmb5_5TTrd7As_H0K4qCR3Ruhf4T5AbLzFGLD3QzanMqhcghBdjOQANyOD0dcHe4V-qk6Ovk9aSsPf9Blek_3t-6c284Nk5QmN_J8afdeWV9BEggD8Eha_ZL9xitRiPxCH7YUlD7kDgKvmzTi8mrET5xzK87RwTGFC7XkE6x8kiNIiXRBbDbK9ujoLaMuPslTOZrB8Cwy6ceTKjWWh-N_CPWTv-ezOnIoHvX0nKCl1IgtNCzV7Klf5LaIGXvPqkqBaUt2dhCsOOuuKzNdaqP2asTFislDfa093phqoKEwXN5r21_GD2K9Zjje6A3KbZ9qBg2L0Ur4TaWfgIcqA6BF9VbNrhfrpRitwMmXmpj0ujTIxUwv7PYj0gNmopK0xUEdOkqaPzW0ODurYEoXeH5uYbqoF9_oK0xPv1TfL04nfwGSipSE)
```
infographic list-grid-badge-card
data
title Closures and Iterators in Rust
desc Summary of Rust Course Chapter 4.2
lists
- label Closure Basics
desc Anonymous functions that capture variables from the scope where they are invoked.
icon code circle
- label Closure in Struct
desc Store closures as struct fields using Fn trait bounds.
icon box package
- label Three Fn Traits
desc FnOnce, FnMut, and Fn control how closures capture variables: ownership, mutable borrow, or immutable borrow.
icon layers
- label Closure as Return Value
desc Use impl Trait or Box to return closures of unknown size.
icon corner up right
- label Iterator Basics
desc Collections implement IntoIterator to produce iterators via into_iter, iter, or iter_mut.
icon list
- label Iterator Trait
desc Implement the next method to define how values are retrieved, returning Option.
icon document text
- label Consumers and Adapters
desc Consumers like sum and collect consume iterators; adapters like map, filter, zip, and enumerate chain lazily.
icon filter
theme
palette #ce422b #e8a33d #4f46e5 #10b981
```
### 期望行为
多行文本不会溢出背景图
### 实际行为
如图
### 截图 / 日志
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the list-grid-badge-card template and reproduce the issue using the linked editor example and the provided multiline desc data. Trace how the card background and text height are determined. Done means three- to four-line descriptions remain fully inside the background without overflow.
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
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100