Браузердеги мүчүлүштүктөр

Bootstrap учурда эң мыкты кайчылаш браузер тажрыйбасын жеткирүү үчүн негизги браузерлердеги бир нече көрүнүктүү серепчи мүчүлүштүктөрдүн тегерегинде иштейт. Төмөндө саналып өткөндөр сыяктуу кээ бир мүчүлүштүктөрдү биз чече албайбыз.

Бизге таасир эткен серепчи мүчүлүштүктөрүн аларды оңдоо процессин тездетүү үмүтү менен бул жерде жалпыга ачык тизмектейбиз. Bootstrap браузеринин шайкештиги жөнүндө маалымат алуу үчүн, биздин браузердин шайкештик документтерин караңыз .

Ошондой эле караңыз:

Браузер(лер) Каттын корутундусу Жогорку агымдагы мүчүлүштүктөр Жүктөө маселеси(лери)
Текшерүү жагы

Биринчи клавиатура фокусундагы көрсөтүүлөр үчүн түпнуска серепчи инструментарий кеңеши title(ыңгайлаштырылган инструменттин компонентине кошумча)

Edge чыгарылыш №6793560 # 18692
Текшерүү жагы

Чычкан элемент сыдыруудан :hoverкийин дагы эле абалында кала берет.

Edge чыгарылышы №5381673 #14211
Текшерүү жагы

Меню пунктунун үстүнө курсорду алып барганда, <select>менюнун астындагы элемент үчүн курсор көрсөтүлөт.

Edge чыгарылышы №817822 #14528
Текшерүү жагы

CSS кээде негизги элементтин border-radiusсызыктарын пайда кылат .background-color

Edge чыгарылыш №3342037 #16671
Текшерүү жагы

backgroundменен <tr>катардагы бардык уячалардын ордуна биринчи кошумча уячага гана колдонулат

Edge чыгарылыш №5865620 #18504
Текшерүү жагы

@-ms-viewport{width: device-width;}сыдырма тилкелерин автоматтык түрдө жашыруунун терс таасири бар

Edge чыгарылыш №7165383 #18543
Текшерүү жагы

Төмөнкү катмардагы фон түсү кээ бир учурларда тунук чек ара аркылуу өтөт

Edge чыгарылыш №6274505 #18228
Текшерүү жагы

Төмөнкү 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)

Бейджик виджети Өтмөктөр виджетинин ылдыйкы чеги күтүүсүздөн дал келбей калат

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>стили а окуу-жазууга которулганда курсордун көрсөтүлбөй калышына алып келет.

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
Safari

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 , Нормалдаштыруу #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: blockубактылуу s текстинин <input>вертикалдуу туура эмес болушуна алып келет

WebKit катасы #139848 , Apple Safari Radar #19434878 #11266 , #13098
Safari (iOS)

Басуу окуяларды <body>күйгүзбөйтclick

WebKit катасы №151933 #16028
Safari (iOS)

position:fixediPhone 6S+ Safariде өтмөк тилкеси көрүнгөндө туура эмес жайгаштырылган

WebKit катасы #153056 #18859
Safari (iOS)

<input>Элементтин ичиндегиге тийүү position:fixedбарактын жогору жагына жылат

WebKit катасы #153224 , Apple Safari Radar #24235301 #17497
Safari (iOS)

<body>CSS менен overflow:hiddeniOS'то жылдырууга болот

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: fixediPad Pro'до пейзаждык багытта кесилип алынат

WebKit катасы #152637 , Apple Safari Radar #24030853 #18738

Эң керектүү өзгөчөлүктөр

Желе стандарттарында көрсөтүлгөн бир нече өзгөчөлүктөр бар, алар бизге Bootstrapти бекем, жарашыктуу же натыйжалуураак кылууга мүмкүндүк берет, бирок кээ бир браузерлерде али ишке ашырыла элек, ошондуктан алардын артыкчылыктарын колдонууга тоскоол болот.

Биз бул "эң көп талап кылынган" функция сурамдарын аларды ишке ашыруу процессин тездетүү үмүтү менен бул жерде ачык тизмектеп жатабыз.

Браузер(лер) Өзгөчөлүктүн корутундусу Жогорку агым маселеси(лери) Жүктөө маселеси(лери)
Текшерүү жагы

4-деңгээлдеги селекторлордон :dir()псевдоклассты ишке ашырыңыз

Edge UserVoice идеясы #12299532 #19984
Текшерүү жагы

CSS Positioned Layout 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 3-деңгээлинен жабышчаак позициялоону ишке ашырыңыз

Chromium чыгарылышы №231752 #17021
Safari

4-деңгээлдеги селекторлордон :dir()псевдоклассты ишке ашырыңыз

WebKit катасы #64861 #19984
Safari

HTML5 <dialog>элементин ишке ашыруу

WebKit катасы #84635 #20175