in English

Хөтөчийн алдааны хана

Хуучирсан контент

Энэ хуудас нь хуучирсан бөгөөд Bootstrap-ийн хамгийн сүүлийн хувилбаруудад хэрэгжих боломжгүй болсон. Энэ нь одоо зөвхөн түүхэн зорилгоор энд байгаа бөгөөд бидний дараагийн томоохон хувилбар дээр хасагдах болно.

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
Firefox .table-borderedхоосон <tbody>хил хязгааргүй. Mozilla алдаа №1023761 #13453
Firefox Хэрэв маягтын хяналтын идэвхгүй төлөвийг JavaScript-ээр өөрчилсөн бол хуудсыг дахин сэргээсний дараа хэвийн байдал эргэж ирэхгүй. Mozilla алдаа №654072 #793
Firefox focusdocumentүйл явдал объект руу галлах ёсгүй Mozilla алдаа №1228802 #18365
Firefox Өргөн хөвөгч ширээ нь шинэ мөрөнд ордоггүй Mozilla алдаа №1277782 #19839
Firefox Хулгана заримдаа SVG элемент дотор байх үед mouseenter/ зорилгоор элемент дотор байдаггүйmouseleave Mozilla алдаа №577785 #19670
Firefox Хэвлэх үед хөвөгч багана бүхий бүдүүвч тасардаг Mozilla алдаа №1315994 #21092
Firefox (Windows) <select>Дэлгэцийг ердийн бус нягтаршилтай болгож тохируулах үед цэсийн баруун хүрээ заримдаа алга болдог Mozilla алдаа №545685 #15990
Firefox (macOS & Linux) Тэмдгийн виджет нь Tabs виджетийн доод хилийг гэнэт давхцуулахгүй байхад хүргэдэг Mozilla алдаа №1259972 #19626
Chrome (macOS) Дээрх <input type="number">нэмэх товчийг дарахад багасгах товч анивчина. Chromium дугаар 419108 #8350 , Chromium дугаар #337668
Chrome Альфа ил тод байдал бүхий CSS хязгааргүй шугаман хөдөлгөөнт дүрс нь санах ойг алдагдуулдаг. Chromium дугаар 429375 #14409
Chrome table-cellхэдий ч хил давхцахгүйmargin-right: -1px Chromium дугаар 749848 #17438 , #14237
Chrome :hoverМэдрэхэд ээлтэй вэб хуудсанд наалдамхай бүү хий Chromium дугаар 370155 #12832
Chrome position: absoluteбаганаас нь өргөн элементийг баганын хил дээр буруу хавсаргасан байна Chromium дугаар 269061 #20161
Chrome Тексттэй динамик SVG-н хувьд фонтуудын тооноос хамаарч гүйцэтгэл нь мэдэгдэхүйц өндөр байна font-family. Chromium дугаар 781344 #24673
Сафари remfont-size: initialмедиа асуулга дахь нэгжийг үндсэн элементийнх биш харин ашиглан тооцоолох хэрэгтэйfont-size WebKit алдаа # 156684 #17403
Сафари ID болон tabindex-тэй контейнерт холбох нь VoiceOver-ээр савыг үл тоомсорлоход хүргэдэг (алгасах холбоосуудад нөлөөлдөг) WebKit алдаа # 163658 #20732
Сафари CSS min-widthболон max-widthмедиа функцууд нь бутархай пикселийг бөөрөнхийлж болохгүй WebKit алдаа # 178261 #25166
Safari (macOS) px, em, болон remхуудас томруулж байх үед медиа асуулгад бүгд адилхан ажиллах ёстой WebKit алдаа # 156687 #17403
Safari (macOS) <input type="number">Зарим элемент бүхий хачин товчлуурын үйлдэл . WebKit алдаа #137269 , Apple Safari Radar #18834768 #8350 , Normalize #283 , Chromium дугаар #337668
Safari (macOS) Тогтмол өргөнтэй вэб хуудсыг хэвлэх үед жижиг үсгийн хэмжээ .container. WebKit алдаа #138192 , Apple Safari Radar #19435018 #14868
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: blocktemporal <input>s-ийн текстийг босоо байдлаар буруу байрлуулахад хүргэдэг WebKit алдаа #139848 , Apple Safari Radar #19434878 #11266 , #13098
Safari (iOS) Товшсоноор үйл явдал <body>гарахгүйclick WebKit алдаа # 151933 #16028
Safari (iOS) position:fixediPhone 6S+ Safari дээр tab мөр харагдах үед буруу байрлуулсан байна WebKit алдаа # 153056 #18859
Safari (iOS) <input>Элемент доторх дээр товших position:fixedнь хуудасны дээд талд гүйлгэх болно WebKit алдаа #153224 , Apple Safari Radar #24235301 #17497
Safari (iOS) <body>CSS - overflow:hiddenийг iOS дээр гүйлгэх боломжтой WebKit алдаа # 153852 #14839
Safari (iOS) Элемент дэх текст талбарт гүйлгэх зангаа position:fixedзаримдаа <body>гүйлгэх боломжтой өвөг дээдсийн оронд гүйлгэдэг WebKit алдаа # 153856 #14839
Safari (iOS) Модал -webkit-overflow-scrolling: touchнь текстийг өндөр болгосны дараа гүйлгэх боломжгүй WebKit алдаа # 158342 #17695
Safari (iOS) :hoverМэдрэхэд ээлтэй вэб хуудсанд наалдамхай бүү хий WebKit алдаа # 158517 #12832
Safari (iOS) Цэсийг position:fixedнээсний дараа алга болох элемент<select> WebKit алдаа # 162362 #20759
Safari (iPad Pro) position: fixedЭлементийн удамшлын дүрслэлийг iPad Pro дээр Ландшафтын чиг баримжаагаар хайчилдаг WebKit алдаа #152637 , Apple Safari Radar #24030853 #18738

Хамгийн их хүсдэг онцлог шинж чанарууд

Вэб стандартад Bootstrap-ийг илүү бат бөх, дэгжин, гүйцэтгэлтэй болгох боломжийг олгодог хэд хэдэн функцууд байдаг боловч зарим хөтчүүдэд хараахан хэрэгжээгүй байгаа нь бидний давуу талыг ашиглахаас сэргийлдэг.

Бид эдгээр "хамгийн их эрэлт хэрэгцээтэй" функцүүдийн хүсэлтийг хэрэгжүүлэх үйл явцыг хурдасгах үүднээс энд олон нийтэд жагсаав.

Хөтөч(үүд) Онцлогын хураангуй Дээд талын асуудал(ууд) Ачаалагчийн асуудал(ууд)
Ирмэг Анхаарал татахуйц элементүүд нь Өгүүлэгч/хүртээмжийн фокусыг хүлээн авахдаа фокус үйл явдлыг асаах / хүлээн авах :focus загварчлалыг авах ёстой. Microsoft A11y UserVoice санаа #16717318 #20732
Ирмэг Сонгогчдын 4 -р :dir()түвшний псевдо ангиллыг хэрэгжүүл Edge UserVoice санаа #12299532 #19984
Ирмэг HTML5 <dialog>элементийг хэрэгжүүлэх Edge UserVoice санаа #6508895 #20175
Ирмэг CSS шилжилтийг цуцлах үед transitioncancelүйл явдлыг асаана Edge UserVoice санаа #15939898 #20618
Ирмэг Псевдо ангийн of <selector-list>заалтыг хэрэгжүүл:nth-child() Edge UserVoice санаа #15944476 #20143
Firefox Псевдо ангийн of <selector-list>заалтыг хэрэгжүүл:nth-child() Mozilla алдаа №854148 #20143
Firefox HTML5 <dialog>элементийг хэрэгжүүлэх Mozilla алдаа №840640 #20175
Firefox Виртуал фокус нь товчлуур эсвэл холбоос дээр байх үед бодит фокусыг мөн элемент дээр асаана Mozilla алдаа # 1000082 #20732
Chrome CSS шилжилтийг цуцлах үед transitioncancelүйл явдлыг асаана Chromium дугаар 642487 Chromium дугаар 437860
Chrome Псевдо ангийн of <selector-list>заалтыг хэрэгжүүл:nth-child() Chromium дугаар 304163 #20143
Chrome Сонгогчдын 4 -р :dir()түвшний псевдо ангиллыг хэрэгжүүл Chromium дугаар 576815 #19984
Сафари CSS шилжилтийг цуцлах үед transitioncancelүйл явдлыг асаана WebKit алдаа # 161535 #20618
Сафари Сонгогчдын 4 -р :dir()түвшний псевдо ангиллыг хэрэгжүүл WebKit алдаа # 64861 #19984
Сафари HTML5 <dialog>элементийг хэрэгжүүлэх WebKit алдаа # 84635 #20175