Brauzer xatolari

Bootstrap hozirda mumkin bo'lgan eng yaxshi o'zaro faoliyat tajribasini taqdim etish uchun asosiy brauzerlarda bir nechta ajoyib brauzer xatolari atrofida ishlaydi. Quyida sanab o'tilganlar kabi ba'zi xatolarni biz hal qila olmaymiz.

Biz ularni tuzatish jarayonini tezlashtirish umidida bizga ta'sir qiladigan brauzer xatolarini ochiq ro'yxatlaymiz. Bootstrap brauzerining mosligi haqida ma'lumot olish uchun bizning brauzer moslik hujjatlariga qarang .

Shuningdek qarang:

Brauzer(lar) Xato haqida qisqacha ma'lumot Yuqoridagi xato(lar) Bootstrap muammo(lar)i
Microsoft Edge

Klaviaturaning birinchi fokusidagi ko'rsatuvlar uchun mahalliy brauzer maslahati title(maxsus asboblar maslahati komponentiga qo'shimcha ravishda)

Edge soni №6793560 #18692
Microsoft Edge

:hoverSichqonchaga oʻrnatilgan element aylanib chiqqandan keyin hamon holatda qoladi .

Edge soni №5381673 #14211
Microsoft Edge

Menyu bandi ustiga kursor olib kelganda, <select>menyu ostidagi element uchun kursor ko'rsatiladi.

Edge soni №817822 #14528
Microsoft Edge

CSS ba'zida asosiy elementning border-radiusqon ketishiga olib keladi .background-color

Edge soni №3342037 #16671
Microsoft Edge

backgroundning <tr>satrdagi barcha katakchalar o‘rniga faqat birinchi bola katakchasiga qo‘llaniladi

Edge soni 5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;}aylantirish panellarini avtomatik yashirishning yon ta'siri bor

Edge soni №7165383 #18543
Microsoft Edge

Pastki qatlamdagi fon rangi ba'zi hollarda shaffof chegara orqali oqadi

Edge soni №6274505 #18228
Microsoft Edge

mouseleaveAvlod SVG elementi ustiga sichqonchani olib kelsangiz, hodisa ajdodda boshlanadi

Edge soni №7787318 #19670
Firefox

.table-borderedbo'sh <tbody>chegaralar etishmayotgan.

Mozilla xatosi # 1023761 #13453
Firefox

Agar forma boshqaruvining o'chirilgan holati JavaScript orqali o'zgartirilsa, sahifa yangilangandan keyin normal holat qaytmaydi.

Mozilla xatosi # 654072 #793
Firefox

focusdocumenthodisalar ob'ektga qaratilmasligi kerak

Mozilla xatosi # 1228802 #18365
Firefox

Keng suzuvchi jadval yangi qatorga o'ralmaydi

Mozilla xatosi # 1277782 #19839
Firefox

Sichqoncha ba'zan SVG elementlari ichida bo'lganida mouseenter/ maqsadlari uchun element ichida emasmouseleave

Mozilla xatosi # 577785 #19670
Firefox

position: absoluteustunidan kengroq element boshqa brauzerlardan farq qiladi

Mozilla xatosi # 1282363 #20161
Firefox (Windows)

<select>Ekran noodatiy piksellar soniga o'rnatilgan bo'lsa, ba'zan menyuning o'ng chegarasi yo'qoladi

Mozilla xatosi # 545685 #15990
Firefox (OS X va Linux)

Belgi vidjeti Yorliqlar vidjetining pastki chegarasi kutilmaganda bir-biriga mos tushmasligiga olib keladi

Mozilla xatosi # 1259972 #19626
Chrome (Android)

Qaytib olinadigan qoplamadagi belgiga tegish ko'rinishga <input>o'tmaydi<input>

Chromium soni 595210 #17338
Chrome (OS X)

Yuqoridagi <input type="number">oshirish tugmachasini bosish bilan kamaytirish tugmasi miltillaydi.

Chromium soni 419108 №8350 va Chromium №337668 nashri
Chrome

Alfa shaffofligi bilan CSS cheksiz chiziqli animatsiya xotirani oqizadi.

Chromium soni 429375 #14409
Chrome

:focus outlinereadonly <input>uslub a o'qish-yozishga almashtirilganda kursor ko'rsatilmasligiga olib keladi .

Chromium soni 465274 #16022
Chrome

table-cellchegaralari bir-biriga mos kelmasligiga qaramaymargin-right: -1px

Chromium soni 534750 #17438 , #14237
Chrome

<select multiple>Toʻlib- toshgan opsiyalar bilan oʻtish panelini bosish yaqin atrofni tanlaydi<option>

Chromium soni 597642 #19810
Chrome

Tegishli :hoverveb-sahifalarni yopishtirmang

Chromium soni 370155 #12832
Chrome (Windows va Linux)

Yorliq berkitilganda animatsiyalar paydo bo'lganidan keyin faol bo'lmagan yorliqga qaytishda animatsiya xatosi.

Chromium soni 449180 #15298
Safari

remfont-size: initialmedia so'rovlaridagi birliklarni ildiz elementi emas, balki yordamida hisoblash kerakfont-size

WebKit xatosi # 156684 #17403
Safari (OS X)

px, em, va remsahifa kattalashtirish qo'llanilganda media so'rovlarida hammasi bir xil bo'lishi kerak

WebKit xatosi # 156687 #17403
Safari (OS X)

<input type="number">Ba'zi elementlar bilan g'alati tugma harakati .

WebKit xatosi #137269 , Apple Safari Radar #18834768 #8350 , Normalizatsiya #283 , Chromium nashri #337668
Safari (OS X)

Ruxsat etilgan kenglikdagi veb-sahifani chop etishda kichik shrift o'lchami .container.

WebKit xatosi #138192 , Apple Safari Radar #19435018 #14868
Safari (iPad)

<select>iPad menyusi sinovdan o'tgan joylarning o'zgarishiga olib keladi

WebKit xatosi #150079 , Apple Safari Radar #23082521 #14975
Safari (iOS)

transform: translate3d(0,0,0);renderlash xatosi.

WebKit xatosi #138162 , Apple Safari Radar #18804973 #14603
Safari (iOS)

Sahifani aylanayotganda matn kiritish kursori harakatlanmaydi.

WebKit xatosi #138201 , Apple Safari Radar #18819624 #14708
Safari (iOS)

Uzun matn qatori kiritilgandan so‘ng kursorni matn boshiga olib borib bo‘lmaydi<input type="text">

WebKit xatosi #148061 , Apple Safari Radar #22299624 #16988
Safari (iOS)

display: blocktemporal s matnining <input>vertikal ravishda noto'g'ri tekislanishiga olib keladi

WebKit xatosi #139848 , Apple Safari Radar #19434878 #11266 , #13098
Safari (iOS)

Bosish hodisalarni <body>yoqib yubormaydiclick

WebKit xatosi # 151933 #16028
Safari (iOS)

position:fixedyorliqlar paneli iPhone 6S+ Safari’da ko‘rinsa, noto‘g‘ri joylashtirilgan

WebKit xatosi # 153056 #18859
Safari (iOS)

<input>Element ichidagi elementga tegish position:fixedsahifaning yuqori qismiga o'tadi

WebKit xatosi #153224 , Apple Safari Radar #24235301 #17497
Safari (iOS)

<body>CSS bilan overflow:hiddeniOS-da aylantirish mumkin

WebKit xatosi # 153852 #14839
Safari (iOS)

Elementdagi matn maydonida aylantirish imo-ishorasi position:fixedba'zan aylantiriladigan <body>ajdod o'rniga aylantiriladi

WebKit xatosi # 153856 #14839
Safari (iOS)

Qoplamada biridan ikkinchisiga tegish <input>tebranish/jiggling effektiga olib kelishi mumkin

WebKit xatosi # 158276 #19927
Safari (iOS)

Modal bilan -webkit-overflow-scrolling: touchqoʻshilgan matn uni balandroq qilgandan keyin aylantirib boʻlmaydi

WebKit xatosi # 158342 #17695
Safari (iOS)

Tegishli :hoverveb-sahifalarni yopishtirmang

WebKit xatosi # 158517 #12832
Safari (iPad Pro)

Elementning avlodlarini position: fixedko'rsatish iPad Pro-da landshaft yo'nalishida kesiladi

WebKit xatosi #152637 , Apple Safari Radar #24030853 #18738

Eng ko'p talab qilinadigan xususiyatlar

Veb-standartlarda ko'rsatilgan bir nechta xususiyatlar mavjud bo'lib, ular bizga Bootstrap-ni yanada mustahkam, oqlangan yoki samaraliroq qilish imkonini beradi, lekin ba'zi brauzerlarda hali joriy etilmagan va shu sababli ulardan foydalanishimizga to'sqinlik qiladi.

Biz ushbu "eng ko'p talab qilingan" xususiyat so'rovlarini ularni amalga oshirish jarayonini tezlashtirish umidida ochiq ro'yxatlaymiz.

Brauzer(lar) Xususiyatning qisqacha mazmuni Yuqori oqim muammo(lar)i Bootstrap muammo(lar)i
Microsoft Edge

4-darajali selektordan :dir()psevdo-sinfni amalga oshiring

Edge UserVoice g'oyasi # 12299532 #19984
Microsoft Edge

CSS Positioned Layout Level 3 dan yopishqoq joylashuvni amalga oshiring

Edge UserVoice g'oyasi # 6263621 #17021
Firefox

CSS -ga o'tish bekor qilinganda transitioncancelhodisani yoqish

Mozilla xatosi # 1264125 Mozilla xatosi # 1182856
Firefox

Pseudo - sinf of <selector-list>bandini amalga oshiring:nth-child()

Mozilla xatosi # 854148 #20143
Firefox

HTML5 <dialog>elementini amalga oshiring

Mozilla xatosi # 840640 #20175
Chrome

Pseudo - sinf of <selector-list>bandini amalga oshiring:nth-child()

Chromium soni 304163 #20143
Chrome

4-darajali selektordan :dir()psevdo-sinfni amalga oshiring

Chromium soni 576815 #19984
Chrome

CSS Positioned Layout Level 3 dan yopishqoq joylashuvni amalga oshiring

Chromium soni 231752 #17021
Safari

4-darajali selektordan :dir()psevdo-sinfni amalga oshiring

WebKit xatosi # 64861 #19984
Safari

HTML5 <dialog>elementini amalga oshiring

WebKit xatosi # 84635 #20175