Material-ui: [عنصر القائمة] تجاوز لـ PrimaryText

تم إنشاؤها على ١٣ يوليو ٢٠١٦  ·  3تعليقات  ·  مصدر: mui-org/material-ui

وصف المشكلة

يتجاوز المكون ListItem يحتوي على primaryText الحاوية الخاصة به. بخلاف secondaryText ، لا يوجد خيار لتعيين عدد الأسطر قبل الفائض ، ولا يوجد سلوك تجاوز بشكل افتراضي. أعتقد أنه من الممكن _ استهداف div الذي يتم عرض النص فيه من خلال تعيين className على ListItem ، ثم العثور على div الثاني للطفل الأول ، ولكن هذا يبدو خطأ- عرضة لأنه يعتمد على HTML الذي تم إنشاؤه.

خطوات التكاثر

  1. أنشئ ListItem ضمن List ، وعيّنه primaryText إلى سلسلة طويلة بما يكفي لإحداث تجاوز.
  2. سيتجاوز النص نهاية القائمة.

    إصدارات

  • واجهة المستخدم المادية: 0.15.2
  • رد الفعل: 15.2.0
  • المتصفح: Safari 10

التعليق الأكثر فائدة

أدرك أن هذا قديم ، ولكن فقط لإلقاء سنتي ... من المؤكد أنه ربما لا يجب أن يكون النص الأساسي طويلاً لدرجة أنه يفيض ، ولكن إذا حدث ذلك ، ألا يجب أن يظهر فقط علامة الحذف بدلاً من الفائض وتبدو مكسورة؟ لا أرى سببًا لعدم تطبيق ذلك بشكل افتراضي ، ما لم يكن هناك شيء آخر يعتمد على تجاوزه: مرئي.

ال 3 كومينتر

finaiized في رأيي ، primaryText مخصص للعناوين و secondaryText للوصف ، ولهذا السبب يتم الاحتفاظ بالتنسيق على هذا النحو. لا ينبغي أن يكون النص طويلاً لدرجة تجاوز السعة. بخلاف ذلك ، يمكن إعطاء النمط overflow : hidden جنبًا إلى جنب مع الأنماط الأخرى التي تمنع الفائض إلى نمط النص الأساسي تمامًا مثل تلك الموجودة في secondaryText ويمكن إنشاء العلاقات العامة.

finaiized يبدو أنه تم نشر حل لهذا. ومع ذلك ، لا ينبغي أن يكون primaryText طويلاً بحيث يتم تغليف النصوص ولا أعتقد أن تنفيذ هذا في مشروع MUI سيفيد المستخدمين الآخرين! 😄

أدرك أن هذا قديم ، ولكن فقط لإلقاء سنتي ... من المؤكد أنه ربما لا يجب أن يكون النص الأساسي طويلاً لدرجة أنه يفيض ، ولكن إذا حدث ذلك ، ألا يجب أن يظهر فقط علامة الحذف بدلاً من الفائض وتبدو مكسورة؟ لا أرى سببًا لعدم تطبيق ذلك بشكل افتراضي ، ما لم يكن هناك شيء آخر يعتمد على تجاوزه: مرئي.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات