Material-ui: لا يعمل تلميح الأداة<iconbutton disabled="disabled"/>

لا تطلق العناصر المعطلة الأحداث. ومع ذلك ، يمكنك وضع عنصر DIV فوق العنصر والاستماع إلى الحدث الذي تم إطلاقه على هذا العنصر بدلاً من ذلك.

https://stackoverflow.com/questions/18113937/fire-onmouseover-event-when-element-is-disabled

يبدو تنفيذ هذا الاقتراح على هذا النحو ، وقد نجح.

        <Tooltip title="Tooltip" placement="bottom">
          <div>
            <IconButton disabled>
              <Done />
            </IconButton>
          </div>
        </Tooltip>

كنت أفكر أيضًا في استخدام الخاصية component لكنها لا تعمل بسبب النمط pointer-events: none; :

<Tooltip title="Tooltip" placement="bottom">
  <IconButton component="div" disabled>
    <Done />
  </IconButton>
</Tooltip>

oliviertassinari آسف ، لم أكن أعرف. شكر.

bravecow أعتقد أنه يمكننا إضافة تحذير إذا أثار المزيد من الأشخاص هذه المشكلة.

فهل سيكون الحل المقبول لهذا هو وضع div بين الأزرار وتلميحات الأدوات؟ عادةً ما يكون وجود تلميح أداة مفيدًا للغاية في الأزرار المعطلة ، للإشارة إلى سبب تعطيل الزر.

ماذا لو أضفنا خاصية إلى المكوِّن Tooltip الذي يشير إلى ظهورها حتى عندما يتم تعطيل الطفل؟ سيؤدي فقط إلى تنفيذ هذا الحل تحت الغطاء ولكن على الأقل لن يترك المستخدم يتساءل لماذا لا تعمل تلميحات الأدوات على الأزرار المعطلة.

كيف تقوم بإيقاف تشغيل تحذير تلميح الأدوات؟

كيف تقوم بإيقاف تشغيل تحذير تلميح الأدوات؟

goyney https://github.com/mui-org/material-ui/issues/8416#issuecomment -332556082

oliviertassinari كيف أقوم بإيقاف تشغيل تحذير تلميح الأدوات دون ازدحام DOM؟

لدي العديد من أشرطة الأدوات للأزرار التي يتم تعطيلها عند تحميل المحتوى. يحتوي كل زر على تلميح أداة عليه. بمجرد تحميل المستند ، يتم تمكينهم جميعًا. الاضطرار إلى التفاف كل. غير مرتبطة. زر. في span لإيقاف هذا التحذير أمر بغيض.

goyney ماذا عن تقديم تلميح أداة بشكل مشروط عند الحاجة؟ بقدر ما أفهمه ، فأنت لا تريد عرض أي تلميح عند تعطيل الزر.

أرغب دائمًا في عرض تلميح أداة. ماذا عن خاصية suppressWarnings أو شيء ما في تلميح الأداة.

أرغب دائمًا في عرض تلميح أداة

goyney حتى عندما يتم تعطيل الزر؟

نعم هذا ما قلته. هههه

كما ذكرت أعلاه ، تعتبر تلميحات الأدوات ذات فائدة إضافية للمستخدمين عند تعطيل الزر oliviertassinari ، من أجل توضيح سبب تعطيل الزر لهم.

@ dskoda1 لقد فتحت # 11601.

لا تطلق العناصر المعطلة الأحداث. ومع ذلك ، يمكنك وضع عنصر DIV فوق العنصر والاستماع إلى الحدث الذي تم إطلاقه على هذا العنصر بدلاً من ذلك.

https://stackoverflow.com/questions/18113937/fire-onmouseover-event-when-element-is-disabled

يبدو تنفيذ هذا الاقتراح على هذا النحو ، وقد نجح.

        <Tooltip title="Tooltip" placement="bottom">
          <div>
            <IconButton disabled>
              <Done />
            </IconButton>
          </div>
        </Tooltip>

يساعد هذا في إظهار تلميح الأداة على زر التعطيل ولكن الزر الموجود في "div" يفقد شكله بالنسبة لي. ما الذي افتقده هنا؟