Source

جدار أخطاء المتصفح

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

ندرج علنًا أخطاء المتصفح التي تؤثر علينا هنا ، على أمل تسريع عملية إصلاحها. للحصول على معلومات حول توافق مستعرض Bootstrap ، راجع مستندات توافق المتصفح .

أنظر أيضا:

المتصفح (المستعرضات) ملخص الخطأ أخطاء المنبع مشاكل التمهيد
حافة

القطع الأثرية المرئية في مربعات حوار مشروطة قابلة للتمرير

إصدار Edge # 9011176 # 20755
حافة

تلميح أداة المتصفح الأصلي titleللعروض عند التركيز الأول على لوحة المفاتيح (بالإضافة إلى مكون تلميح الأدوات المخصص)

إصدار Edge # 6793560 # 18692
حافة

يظل العنصر الذي تم تحومه في :hoverحالته بعد التمرير بعيدًا.

إصدار Edge # 5381673 # 14211
حافة

تتسبب CSS border-radiusأحيانًا في حدوث خطوط تسييل background-colorللعنصر الأصل.

إصدار Edge رقم 3342037 # 16671
حافة

backgroundمن <tr>يتم تطبيقه على الخلية الفرعية الأولى فقط بدلاً من جميع الخلايا في الصف

إصدار Edge رقم 5865620 # 18504
حافة

يتدفق لون الخلفية من الطبقة السفلية عبر حدود شفافة في بعض الحالات

إصدار Edge # 6274505 # 18228
حافة

يؤدي التمرير فوق عنصر SVG المتسلسل إلى إطلاق mouseleaveحدث عند الجد

إصدار Edge # 7787318 # 19670
حافة

وميض نشط position: fixed; <button>عند التمرير

إصدار Edge رقم 8770398 # 20507
ثعلب النار

.table-borderedمع وجود حدود فارغة <tbody>مفقودة.

خطأ Mozilla # 1023761 # 13453
ثعلب النار

إذا تم تغيير حالة تعطيل عنصر تحكم النموذج عبر JavaScript ، فلن تعود الحالة الطبيعية بعد تحديث الصفحة.

خطأ Mozilla # 654072 # 793
ثعلب النار

focusلا ينبغي إطلاق الأحداث على documentالكائن

خطأ Mozilla # 1228802 # 18365
ثعلب النار

الجدول العائم العريض لا يلتف على خط جديد

خطأ Mozilla # 1277782 # 19839
ثعلب النار

أحيانًا لا يكون الماوس داخل العنصر لأغراض mouseenter/ mouseleaveعندما يكون ضمن عناصر SVG

خطأ Mozilla # 577785 # 19670
ثعلب النار

التخطيط الذي يحتوي على أعمدة عائمة يتقطع عند الطباعة

خطأ Mozilla # 1315994 # 21092
Firefox (Windows)

أحيانًا يكون الحد الأيمن من <select>القائمة مفقودًا عند ضبط الشاشة على دقة غير شائعة

خطأ Mozilla # 545685 # 15990
Firefox (macOS و Linux)

تتسبب أداة الشارة في عدم تداخل الحد السفلي من أداة علامات التبويب بشكل غير متوقع

خطأ Mozilla # 1259972 # 19626
Chrome (macOS)

النقر فوق <input type="number">زر الزيادة أعلاه يومض زر الإنقاص.

إصدار Chromium رقم 419108 فرع من # 8350 & Chromium رقم # 337668
كروم

الرسوم المتحركة الخطية اللانهائية لـ CSS مع شفافية ألفا تتسرب الذاكرة.

إصدار الكروم رقم 429375 # 14409
كروم

table-cellعلى الرغم من عدم تداخل الحدودmargin-right: -1px

إصدار Chromium رقم 749848 # 17438 ، # 14237
كروم

لا :hoverتعلق على صفحات الويب التي تعمل باللمس

إصدار Chromium # 370155 # 12832
كروم

position: absoluteالعنصر الأعرض من العمود الخاص به يتم قصه بشكل غير صحيح إلى حدود العمود

إصدار Chromium رقم 269061 # 20161
كروم

تم تحقيق أداء ملحوظ في SVGs الديناميكية مع النص اعتمادًا على عدد الخطوط الموجودة في font-family.

إصدار الكروم رقم 781344 # 24673
سفاري

remيجب حساب الوحدات في استعلامات الوسائط باستخدام font-size: initial، وليس باستخدام عناصر الجذرfont-size

خطأ WebKit # 156684 # 17403
سفاري

يؤدي الارتباط إلى الحاوية بالمعرف ومؤشر الجدولة إلى تجاهل الحاوية بواسطة VoiceOver (يؤثر على روابط التخطي)

خطأ WebKit # 163658 # 20732
سفاري

يجب ألا تدور ميزات CSS min-widthوالوسائط حول البكسل الكسريmax-width

خطأ WebKit # 178261 # 25166
سفاري (ماك)

pxو emو و remيجب أن تتصرف جميعها بنفس الطريقة في استعلامات الوسائط عند تطبيق تكبير الصفحة

خطأ WebKit # 156687 # 17403
سفاري (ماك)

سلوك زر غريب مع بعض <input type="number">العناصر.

خطأ WebKit # 137269 ، Apple Safari Radar # 18834768 # 8350 ، تطبيع # 283 ، إصدار Chromium # 337668
سفاري (ماك)

حجم الخط صغير عند طباعة صفحة ويب بعرض ثابت .container.

خطأ WebKit # 138192 ، Apple Safari Radar # 19435018 # 14868
سفاري (iOS)

transform: translate3d(0,0,0);تقديم الخلل.

خطأ WebKit # 138162 ، Apple Safari Radar # 18804973 # 14603
سفاري (iOS)

لا يتحرك مؤشر إدخال النص أثناء التمرير في الصفحة.

خطأ WebKit # 138201 ، Apple Safari Radar # 18819624 # 14708
سفاري (iOS)

لا يمكن تحريك المؤشر إلى بداية النص بعد إدخال سلسلة نصية طويلة فيه<input type="text">

خطأ WebKit # 148061 ، Apple Safari Radar # 22299624 # 16988
سفاري (iOS)

display: blockيتسبب في عدم محاذاة نص الزمانية <input>عموديًا

خطأ WebKit # 139848 ، Apple Safari Radar # 19434878 # 11266 ، # 13098
سفاري (iOS)

التنصت <body>لا يطلق clickالأحداث

خطأ WebKit # 151933 # 16028
سفاري (iOS)

position:fixedتم وضعه بشكل غير صحيح عندما يكون شريط علامات التبويب مرئيًا على iPhone 6S + Safari

خطأ WebKit # 153056 # 18859
سفاري (iOS)

يؤدي النقر إلى <input>داخل position:fixedعنصر إلى التمرير إلى أعلى الصفحة

خطأ WebKit # 153224 ، Apple Safari Radar # 24235301 # 17497
سفاري (iOS)

<body>مع overflow:hiddenCSS قابل للتمرير على iOS

خطأ WebKit # 153852 # 14839
سفاري (iOS)

إيماءة التمرير في حقل النص في position:fixedعنصر يتم تمريرها أحيانًا <body>بدلاً من سلف قابل للتمرير

خطأ WebKit # 153856 # 14839
سفاري (iOS)

-webkit-overflow-scrolling: touchلا يصبح مشروط مع قابلاً للتمرير بعد أن يجعل النص المضاف أطول

خطأ WebKit # 158342 # 17695
سفاري (iOS)

لا :hoverتعلق على صفحات الويب التي تعمل باللمس

خطأ WebKit # 158517 # 12832
سفاري (iOS)

العنصر الذي position:fixedيختفي بعد فتح <select>القائمة

خطأ WebKit # 162362 # 20759
Safari (iPad Pro)

يتم قطع عرض أحفاد position: fixedالعنصر على iPad Pro في الاتجاه الأفقي

خطأ WebKit # 152637 ، Apple Safari Radar # 24030853 # 18738

أكثر الميزات المطلوبة

هناك العديد من الميزات المحددة في معايير الويب والتي من شأنها أن تسمح لنا بجعل Bootstrap أكثر قوة أو أناقة أو أداءً ، ولكن لم يتم تنفيذها بعد في متصفحات معينة ، مما يمنعنا من الاستفادة منها.

نقوم هنا بإدراج طلبات الميزات "الأكثر طلبًا" علنًا ، على أمل تسريع عملية تنفيذها.

المتصفح (المستعرضات) ملخص الميزة قضية (قضايا) المنبع مشاكل التمهيد
حافة

يجب أن تطلق العناصر القابلة للتركيز حدث / تلقي التركيز البؤري: نمط التركيز عند تلقي تركيز الراوي / إمكانية الوصول

فكرة Microsoft A11y UserVoice # 16717318 # 20732
حافة

تنفيذ :dir()الفئة الزائفة من المحددات المستوى 4

فكرة Edge UserVoice # 12299532 # 19984
حافة

نفِّذ <dialog>عنصر HTML5

فكرة Edge UserVoice # 6508895 # 20175
حافة

إطلاق transitioncancelحدث عند إلغاء انتقال CSS

فكرة Edge UserVoice # 15939898 # 20618
حافة

تنفيذ of <selector-list>بند الفئة :nth-child()الزائفة

فكرة Edge UserVoice # 15944476 # 20143
ثعلب النار

تنفيذ of <selector-list>بند الفئة :nth-child()الزائفة

خطأ Mozilla # 854148 # 20143
ثعلب النار

نفِّذ <dialog>عنصر HTML5

خطأ Mozilla # 840640 # 20175
ثعلب النار

عندما يكون التركيز الافتراضي على زر أو رابط ، أطلق التركيز الفعلي على العنصر أيضًا

خطأ Mozilla # 1000082 # 20732
كروم

إطلاق transitioncancelحدث عند إلغاء انتقال CSS

إصدار Chromium رقم 642487 إصدار Chromium # 437860
كروم

تنفيذ of <selector-list>بند الفئة :nth-child()الزائفة

اصدار الكروم رقم 304163 # 20143
كروم

تنفيذ :dir()الفئة الزائفة من المحددات المستوى 4

إصدار الكروم رقم 576815 # 19984
سفاري

إطلاق transitioncancelحدث عند إلغاء انتقال CSS

خطأ WebKit # 161535 # 20618
سفاري

تنفيذ :dir()الفئة الزائفة من المحددات المستوى 4

خطأ WebKit # 64861 # 19984
سفاري

نفِّذ <dialog>عنصر HTML5

خطأ WebKit رقم 84635 # 20175