vuetifyjs/vuetify

[Bug Report][3.6.8] VCardTitle or VCard Titles should not be truncated

Open

#19,966 创建于 2024年6月7日

在 GitHub 查看
 (3 评论) (0 反应) (0 负责人)TypeScript (7,139 fork)batch import
C: VCardT: buggood first issue

仓库指标

Star
 (40,995 star)
PR 合并指标
 (平均合并 59天 10小时) (30 天内合并 8 个 PR)

描述

Environment

Vuetify Version: 3.6.8 Vue Version: 3.4.27 Browsers: Chrome 125.0.0.0 OS: Windows 10

Steps to reproduce

Create a long title in a VCard that exceeds the width of the card.

Expected Behavior

Title should wrap

Actual Behavior

Title is getting truncated with elipses.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

MD3 shows an example Card with a wrapped title. https://m3.material.io/components/cards/specs#ec74bd0e-a669-4be9-91ee-bfa60fbbe507

I copied https://github.com/vuetifyjs/vuetify/issues/17278 because of the instruction "Please create a new issue instead of commenting on the old one."

I think the generally expected behavior is that the text is not cut off. I thought of a prop that activates the truncate

贡献者指南