أخطاء المتصفح

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

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

أنظر أيضا:

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

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

إصدار Edge # 9011176 # 20755
مايكروسوفت ايدج

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

إصدار Edge # 6793560 # 18692
مايكروسوفت ايدج

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

إصدار Edge # 5381673 # 14211
مايكروسوفت ايدج

عند التمرير فوق <select>عنصر القائمة ، يتم عرض مؤشر العنصر الموجود أسفل القائمة.

إصدار Edge رقم 817822 # 14528
مايكروسوفت ايدج

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

إصدار Edge رقم 3342037 # 16671
مايكروسوفت ايدج

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

إصدار Edge رقم 5865620 # 18504
مايكروسوفت ايدج

@-ms-viewport{width: device-width;}له تأثير جانبي يتمثل في إخفاء أشرطة التمرير تلقائيًا

إصدار Edge # 7165383 # 18543
مايكروسوفت ايدج

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

إصدار Edge # 6274505 # 18228
مايكروسوفت ايدج

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

إصدار Edge # 7787318 # 19670
ثعلب النار

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

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

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

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

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

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

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

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

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

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

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

خطأ Mozilla # 1282363 # 20161
Firefox (Windows)

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

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

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

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

لا يؤدي النقر فوق <input>تراكب قابل للتمرير إلى تمرير <input>العرض

إصدار الكروم رقم 595210 # 17338
Chrome (OS X)

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

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

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

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

:focus outlineيؤدي النمط إلى عدم عرض المؤشر عند التبديل readonly <input>إلى للقراءة والكتابة.

إصدار Chromium # 465274 # 16022
كروم

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

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

سيؤدي النقر فوق شريط التمرير <select multiple>مع الخيارات الفائضة إلى تحديد مكان قريب<option>

إصدار الكروم رقم 597642 # 19810
كروم

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

إصدار Chromium # 370155 # 12832
Chrome (Windows و Linux)

خلل في الرسوم المتحركة عند العودة إلى علامة التبويب غير النشطة بعد حدوث الرسوم المتحركة أثناء إخفاء علامة التبويب.

إصدار Chromium رقم 449180 # 15298
سفاري

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

خطأ WebKit # 156684 # 17403
Safari (OS X)

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

خطأ WebKit # 156687 # 17403
Safari (OS X)

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

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

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

خطأ WebKit # 138192 ، Apple Safari Radar # 19435018 # 14868
Safari (iPad)

<select>القائمة على iPad تتسبب في تغيير مناطق الاختبار

خطأ WebKit # 150079 ، Apple Safari Radar # 23082521 # 14975
Safari (iOS)

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

خطأ WebKit # 138162 ، Apple Safari Radar # 18804973 # 14603
Safari (iOS)

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

خطأ WebKit # 138201 ، Apple Safari Radar # 18819624 # 14708
Safari (iOS)

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

خطأ WebKit # 148061 ، Apple Safari Radar # 22299624 # 16988
Safari (iOS)

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

خطأ WebKit # 139848 ، Apple Safari Radar # 19434878 # 11266 ، # 13098
Safari (iOS)

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

خطأ WebKit # 151933 # 16028
Safari (iOS)

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

خطأ WebKit # 153056 # 18859
Safari (iOS)

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

خطأ WebKit # 153224 ، Apple Safari Radar # 24235301 # 17497
Safari (iOS)

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

خطأ WebKit # 153852 # 14839
Safari (iOS)

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

خطأ WebKit # 153856 # 14839
Safari (iOS)

يمكن أن يتسبب النقر من واحد <input>إلى آخر في التراكب في إحداث اهتزاز / اهتزاز

خطأ WebKit # 158276 # 19927
Safari (iOS)

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

خطأ WebKit # 158342 # 17695
Safari (iOS)

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

خطأ WebKit # 158517 # 12832
Safari (iPad Pro)

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

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

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

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

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

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

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

فكرة Edge UserVoice # 12299532 # 19984
مايكروسوفت ايدج

قم بتنفيذ تحديد الموضع الثابت من المستوى 3 من التخطيط الموضع لـ CSS

فكرة Edge UserVoice # 6263621 # 17021
مايكروسوفت ايدج

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

فكرة Edge UserVoice # 6508895 # 20175
ثعلب النار

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

خطأ Mozilla # 1264125 خطأ Mozilla # 1182856
ثعلب النار

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

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

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

خطأ Mozilla # 840640 # 20175
كروم

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

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

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

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

قم بتنفيذ تحديد الموضع الثابت من المستوى 3 من التخطيط الموضع لـ CSS

إصدار الكروم رقم 231752 # 17021
سفاري

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

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

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

خطأ WebKit رقم 84635 # 20175