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

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

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

Мөн үзнэ үү:

Хөтөч(үүд) Алдааны хураангуй Дээд талын алдаа(ууд) Ачаалагчийн асуудал(ууд)
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
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