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

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

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

Мөн үзнэ үү:

Хөтөч(үүд) Алдааны хураангуй Дээд талын алдаа(ууд) Ачаалагчийн асуудал(ууд)
Microsoft Edge

Гүйлгэж болох модаль харилцах цонхнуудын харааны олдворууд

 Edge дугаар 9011176 #20755
Microsoft Edge

titleАнхны гарын фокус дээр харуулах хөтчийн үндсэн зөвлөмж (захиалгат хэрэгслийн зөвлөмжийн бүрэлдэхүүн хэсгээс гадна)

 Edge дугаар №6793560 #18692
Microsoft Edge

Гүйлгэсэн элементийг гүйлгэсний дараа төлөв хэвээр байна :hover.

 Edge дугаар №5381673 #14211
Microsoft Edge

Цэсийн зүйл дээр <select>гүйлгэх үед цэсний доор байрлах элементийн курсор гарч ирнэ.

 Edge дугаар №817822 #14528
Microsoft Edge

CSS нь заримдаа эх элементийн border-radiusцус алдалтын шугамыг үүсгэдэг .background-color

 Edge дугаар №3342037 #16671
Microsoft Edge

background-ийг <tr>мөрийн бүх нүдний оронд зөвхөн эхний хүүхэд нүдэнд хэрэглэнэ

 Edge дугаар №5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;}гүйлгэх мөрийг автоматаар нуух сөрөг нөлөөтэй

 Edge дугаар №7165383 #18543
Microsoft Edge

Доод давхаргын дэвсгэр өнгө нь зарим тохиолдолд ил тод хилээр дамждаг

 Edge дугаар 6274505 #18228
Microsoft Edge

Үр удмын SVG элементийн дээр хулганыг аваачих mouseleaveнь өвөг дээдэс рүү үйл явдал үүсгэдэг

 Edge дугаар 7787318 #19670
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

position: absoluteБагананыхаа өргөн элемент нь бусад хөтчөөс ялгаатай

 Mozilla алдаа №1282363 #20161
Firefox (Windows)

<select>Дэлгэцийг ердийн бус нягтаршилтай болгож тохируулах үед цэсийн баруун хүрээ заримдаа алга болдог

 Mozilla алдаа №545685 #15990
Firefox (OS X & Linux)

Тэмдгийн виджет нь Tabs виджетийн доод хилийг гэнэтийн байдлаар давхцуулахгүй байхад хүргэдэг

 Mozilla алдаа №1259972 #19626
Chrome (Android)

Гүйлгэх боломжтой давхаргын дээр товшсоноор харагдах хэсэг рүү <input>гүйлгэж болохгүй<input>

 Chromium дугаар 595210 #17338
Chrome (OS X)

Дээрх <input type="number">нэмэх товчийг дарахад багасгах товч анивчина.

 Chromium дугаар 419108 #8350 болон Chromium дугаар #337668-ын салбар
Chrome

Альфа ил тод байдал бүхий CSS хязгааргүй шугаман хөдөлгөөнт дүрс нь санах ойг алдагдуулдаг.

 Chromium дугаар 429375 #14409
Chrome

:focus outlinereadonly <input>Style нь a -г унших-бичих рүү шилжих үед курсор харагдахгүй болоход хүргэдэг .

 Chromium дугаар 465274 #16022
Chrome

table-cellхэдий ч хил давхцахгүйmargin-right: -1px

 Chromium дугаар 534750 #17438 , #14237
Chrome

Дэлгэрэнгүй сонголттой гүйлгэх самбарыг дарснаар <select multiple>ойролцоох хэсгийг сонгоно<option>

 Chromium дугаар 597642 #19810
Chrome

:hoverМэдрэхэд ээлтэй вэб хуудсанд наалдамхай бүү хий

 Chromium дугаар 370155 #12832
Chrome (Windows & Linux)

Цонхыг нуусан үед хөдөлгөөнт дүрс гарч ирсний дараа идэвхгүй таб руу буцах үед хөдөлгөөнт дүрст алдаа гарсан.

 Chromium дугаар 449180 #15298
Сафари

remfont-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 , Normalize #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: 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)

Давхардсан дотор нэгээс нөгөө <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-ийг илүү бат бөх, дэгжин, гүйцэтгэлтэй болгох боломжийг олгодог хэд хэдэн функцууд байдаг боловч зарим хөтчүүдэд хараахан хэрэгжээгүй байгаа нь бидний давуу талыг ашиглахаас сэргийлдэг.

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

Хөтөч(үүд) Онцлогын хураангуй Дээд талын асуудал(ууд) Ачаалагчийн асуудал(ууд)
Microsoft Edge

Сонгогчдын 4 -р :dir()түвшний псевдо ангиллыг хэрэгжүүл

 Edge UserVoice санаа #12299532 #19984
Microsoft Edge

CSS Positioned Layout Level 3-аас наалттай байрлалыг хэрэгжүүлээрэй

 Edge UserVoice санаа #6263621 #17021
Microsoft Edge

HTML5 <dialog>элементийг хэрэгжүүлэх

 Edge UserVoice санаа #6508895 #20175
Firefox

CSS шилжилтийг цуцлах үед transitioncancelүйл явдлыг асаана

 Mozilla алдаа №1264125 Mozilla алдаа №1182856
Firefox

Псевдо ангийн of <selector-list>заалтыг хэрэгжүүл:nth-child()

 Mozilla алдаа №854148 #20143
Firefox

HTML5 <dialog>элементийг хэрэгжүүлэх

 Mozilla алдаа №840640 #20175
Chrome

Псевдо ангийн of <selector-list>заалтыг хэрэгжүүл:nth-child()

 Chromium дугаар 304163 #20143
Chrome

Сонгогчдын 4 -р :dir()түвшний псевдо ангиллыг хэрэгжүүл

 Chromium дугаар 576815 #19984
Chrome

CSS Positioned Layout Level 3-аас наалттай байрлалыг хэрэгжүүлээрэй

 Chromium дугаар 231752 #17021
Сафари

Сонгогчдын 4 -р :dir()түвшний псевдо ангиллыг хэрэгжүүл

 WebKit алдаа # 64861 #19984
Сафари

HTML5 <dialog>элементийг хэрэгжүүлэх

 WebKit алдаа # 84635 #20175