Material-ui: [ListItem] Überlauf für PrimaryText
Problembeschreibung
Die ListItem Komponente mit primaryText überläuft ihren Container. Im Gegensatz zu secondaryText gibt es keine Option, um die Anzahl der Zeilen vor dem Überlauf festzulegen, und es gibt standardmäßig kein Überlaufverhalten. Ich denke, es ist _möglich_, auf das div abzuzielen, in dem der Text gerendert wird, indem ein className auf das ListItem und dann das zweite Div des ersten untergeordneten Divs gefunden wird, aber das scheint ein Fehler zu sein. anfällig, weil es vom generierten HTML abhängt.
Schritte zum Reproduzieren
- Erstellen Sie ein
ListIteminnerhalb einesListund setzen SieprimaryTextauf einen ausreichend langen String, um einen Überlauf zu verursachen. - Der Text wird am Ende der Liste überlaufen.
Versionen
- Material-UI: 0.15.2
- Reaktion: 15.2.0
- Browser: Safari 10
finaiized
Alle 3 Kommentare
@finaiized Meiner Meinung nach ist primaryText für Titel und secondaryText für Beschreibungen gedacht, weshalb das Format auch so beibehalten wird. Ein Text sollte nicht so lang sein, dass er überläuft. Andernfalls kann der Stil overflow : hidden zusammen mit anderen Stilen, die einen Überlauf verhindern, genauso wie die in secondaryText an den Stil von PrimaryText übergeben werden, und eine PR kann erstellt werden.
nehalbhanushali
am 14. Juli 2016
@finaiized Sieht so aus, als ob eine Lösung dafür gepostet wurde. primaryText sollte jedoch nicht so lang sein, dass ein Zeilenumbruch stattfindet, und ich glaube nicht, dass die Implementierung in MUI-Projekt anderen Benutzern zugute kommt! 😄
aahan96
am 20. Juli 2016
Mir ist klar, dass das alt ist, aber nur um meine zwei Cent reinzuwerfen ... Warum lassen wir den primären Text nicht standardmäßig beim Überlauf eine Ellipse anzeigen? Sicher, vielleicht sollte PrimaryText nicht so lang sein, dass er überläuft, aber wenn ja, sollte er nicht nur die Auslassungspunkte anzeigen, anstatt überzulaufen und kaputt auszusehen? Ich sehe keinen Grund, dies nicht einfach standardmäßig zu implementieren, es sei denn, es gibt etwas anderes, das davon abhängt, dass es überläuft: sichtbar.
justinmc
am 7. Dez. 2016
Verwandte Themen
zabojad
·
3Kommentare
ghost
·
3Kommentare
joewalker
·
3Kommentare
activatedgeek
·
3Kommentare
ryanflorence
·
3Kommentare
Hilfreichster Kommentar
Mir ist klar, dass das alt ist, aber nur um meine zwei Cent reinzuwerfen ... Warum lassen wir den primären Text nicht standardmäßig beim Überlauf eine Ellipse anzeigen? Sicher, vielleicht sollte PrimaryText nicht so lang sein, dass er überläuft, aber wenn ja, sollte er nicht nur die Auslassungspunkte anzeigen, anstatt überzulaufen und kaputt auszusehen? Ich sehe keinen Grund, dies nicht einfach standardmäßig zu implementieren, es sei denn, es gibt etwas anderes, das davon abhängt, dass es überläuft: sichtbar.