شرح صفوف ومحتوى الفقرة
لا تُطلق المتصفحات أحداث الفأرة أو التركيز (mouseover / focus) على الأزرار التي تحمل السمة disabled؛ ولذلك لن يعمل التلميح إذا وضعته على زر معطّل مباشرةً، مع أن المستخدم يحتاج هنا تحديداً لمعرفة سبب تعطيل زر الإرسال أو الترقية!
الحل الهندسي القياسي في Bootstrap 5 هو إحاطة الزر المعطل بغلاف <span class="d-inline-block" tabindex="0"> يحمل سمات التلميح هو نفسه، مع ضبط pointer-events: none (أو كلاس .pe-none) على الزر الداخلي المعطل حتى تنتقل أحداث المؤشر ولوحة المفاتيح بسلاسة إلى الغلاف الأب.
HTML
<span class="d-inline-block" tabindex="0"
data-bs-toggle="tooltip"
data-bs-title="Verify email first to publish">
<button class="btn btn-primary pe-none"
type="button" disabled>Publish Course</button>
</span>