vuetifyjs/vuetify

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

Open

#19 966 ouverte le 7 juin 2024

Voir sur GitHub
 (3 commentaires) (0 réactions) (0 assignés)TypeScript (7 139 forks)batch import
C: VCardT: buggood first issue

Métriques du dépôt

Stars
 (40 995 stars)
Métriques de merge PR
 (Merge moyen 59j 10h) (8 PRs mergées en 30 j)

Description

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

Guide contributeur