vuetifyjs/vuetify

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

Open

#19.966 aperta il 7 giu 2024

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)TypeScript (7139 fork)batch import
C: VCardT: buggood first issue

Metriche repository

Star
 (40.995 star)
Metriche merge PR
 (Merge medio 59g 10h) (8 PR mergiate in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Ispeziona il componente VCardTitle nel codice sorgente di Vuetify per trovare dove l'overflow del testo è impostato su ellipsis e modificalo per consentire l'avvolgimento.
Tech stack
typescriptvue
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
VueCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75