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
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