Material-ui: [ListItem] Meluap untuk teks utama

Dibuat pada 13 Jul 2016  ·  3Komentar  ·  Sumber: mui-org/material-ui

Deskripsi masalah

Komponen ListItem dengan primaryText melebihi wadahnya. Tidak seperti secondaryText , tidak ada opsi untuk mengatur jumlah baris sebelum overflow, dan tidak ada perilaku overflow secara default. Saya pikir _mungkin_ untuk menargetkan div teks dirender dengan menetapkan className pada ListItem , kemudian menemukan div kedua div anak pertama, tetapi itu tampaknya kesalahan- rawan karena tergantung pada HTML yang dihasilkan.

Langkah-langkah untuk mereproduksi

  1. Buat ListItem dalam List , dan atur primaryText ke string yang cukup panjang untuk menyebabkan overflow.
  2. Teks akan meluap di akhir daftar.

    Versi

  • Bahan-UI: 0.15.2
  • Bereaksi: 15.2.0
  • Peramban: Safari 10

Komentar yang paling membantu

Saya menyadari ini sudah tua, tetapi hanya untuk membuang dua sen saya ... Mengapa kita tidak membuat primaryText saja menunjukkan elipsis pada overflow secara default? Tentu mungkin primaryText tidak boleh terlalu panjang sehingga meluap, tetapi jika ya, bukankah seharusnya hanya menampilkan elipsis alih-alih meluap dan terlihat rusak? Saya tidak melihat alasan untuk tidak mengimplementasikannya secara default, kecuali ada hal lain yang bergantung padanya overflow: visible.

Semua 3 komentar

@finaiized Menurut pendapat saya, primaryText dimaksudkan untuk judul dan secondaryText untuk deskripsi, itulah sebabnya formatnya tetap seperti itu. Sebuah teks tidak boleh terlalu panjang hingga meluap. Jika tidak, gaya overflow : hidden bersama dengan gaya lain yang mencegah overflow dapat diberikan ke gaya primaryText juga seperti yang ada di secondaryText dan PR dapat dibuat.

@finaiized Sepertinya solusi untuk ini telah diposting. Namun, primaryText tidak boleh terlalu lama sehingga pembungkusan teks terjadi dan saya tidak berpikir menerapkan ini dalam proyek MUI akan menguntungkan pengguna lain! 😄

Saya menyadari ini sudah tua, tetapi hanya untuk membuang dua sen saya ... Mengapa kita tidak membuat primaryText saja menunjukkan elipsis pada overflow secara default? Tentu mungkin primaryText tidak boleh terlalu panjang sehingga meluap, tetapi jika ya, bukankah seharusnya hanya menampilkan elipsis alih-alih meluap dan terlihat rusak? Saya tidak melihat alasan untuk tidak mengimplementasikannya secara default, kecuali ada hal lain yang bergantung padanya overflow: visible.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat