vuetifyjs/vuetify

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

Open

#19.966 geöffnet am 7. Juni 2024

Auf GitHub ansehen
 (3 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (7.139 Forks)batch import
C: VCardT: buggood first issue

Repository-Metriken

Stars
 (40.995 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 59T 10h) (8 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuche die VCardTitle Komponente im Vuetify Quellcode, um zu finden, wo der Textüberlauf auf Ellipsis gesetzt ist, und ändere ihn, um Zeilenumbrüche zu erlauben.
Tech Stack
typescriptvue
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
VueCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75