Source

Brauzer xatolar devori

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
Chet

Qaytib olinadigan modal dialoglardagi vizual artefaktlar

Edge soni №9011176 #20755
Chet

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

Edge soni №6793560 #18692
Chet

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

Edge soni №5381673 #14211
Chet

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

Edge soni №3342037 #16671
Chet

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

Edge soni 5865620 #18504
Chet

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

Edge soni №6274505 #18228
Chet

mouseleaveAvlod SVG elementi ustiga sichqonchani olib kelsangiz, hodisa ajdodda boshlanadi

Edge soni №7787318 #19670
Chet

position: fixed; <button>O'tkazish paytida faol miltillaydi

Edge soni №8770398 #20507
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

Chop etish paytida suzuvchi ustunlar bilan tartib buziladi

Mozilla xatosi # 1315994 #21092
Firefox (Windows)

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

Mozilla xatosi # 545685 #15990
Firefox (macOS va Linux)

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

Mozilla xatosi # 1259972 #19626
Chrome (macOS)

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

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

Chromium soni 749848 #17438 , #14237
Chrome

Tegishli :hoverveb-sahifalarni yopishtirmang

Chromium soni 370155 #12832
Chrome

position: absoluteustunidan kengroq element ustun chegarasiga noto'g'ri kesilgan

Chromium soni 269061 #20161
Chrome

dagi shriftlar soniga qarab matnli dinamik SVGlar uchun sezilarli samaradorlik font-family.

Chromium soni 781344 #24673
Safari

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

WebKit xatosi # 156684 #17403
Safari

Id va tabindex bilan konteynerga havola qilish VoiceOver tomonidan konteynerni e'tiborsiz qoldirishiga olib keladi (o'tkazib yuborish havolalariga ta'sir qiladi)

WebKit xatosi # 163658 #20732
Safari

CSS min-widthva max-widthmedia xususiyatlari kasrli pikselni yaxlitlashi kerak emas

WebKit xatosi # 178261 #25166
Safari (macOS)

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

WebKit xatosi # 156687 #17403
Safari (macOS)

<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 (macOS)

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

WebKit xatosi #138192 , Apple Safari Radar #19435018 #14868
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)

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 (iOS)

Menyu position:fixedochilgandan so'ng yo'qolgan element<select>

WebKit xatosi # 162362 #20759
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 ularni amalga oshirish jarayonini tezlashtirish umidida ushbu "eng ko'p talab qilingan" xususiyat so'rovlarini shu yerda ochiq ro'yxatlaymiz.

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

Fokuslanadigan elementlar rivoyatchi/fokusni qabul qilganda fokus hodisasini yoqishi/qabul qilishi kerak:fokus uslubi

Microsoft A11y UserVoice g'oyasi # 16717318 #20732
Chet

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

Edge UserVoice g'oyasi # 12299532 #19984
Chet

HTML5 <dialog>elementini amalga oshiring

Edge UserVoice g'oyasi # 6508895 #20175
Chet

CSS -ga o'tish bekor qilinganda transitioncancelhodisani yoqish

Edge UserVoice g'oyasi # 15939898 #20618
Chet

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

Edge UserVoice g'oyasi # 15944476 #20143
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
Firefox

Agar virtual fokus tugma yoki havolada bo'lsa, elementga ham e'tibor qarating

Mozilla xatosi # 1000082 #20732
Chrome

CSS -ga o'tish bekor qilinganda transitioncancelhodisani yoqish

Chromium soni 642487 Chromium №437860 soni
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
Safari

CSS -ga o'tish bekor qilinganda transitioncancelhodisani yoqish

WebKit xatosi # 161535 #20618
Safari

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

WebKit xatosi # 64861 #19984
Safari

HTML5 <dialog>elementini amalga oshiring

WebKit xatosi # 84635 #20175