Source

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

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

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

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

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

Жылдырылуучу модалдык диалогдордогу визуалдык артефакттар

 Edge чыгарылышы №9011176 #20755
Edge

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

 Edge чыгарылыш №6793560 # 18692
Edge

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

 Edge чыгарылышы №5381673 #14211
Edge

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

 Edge чыгарылыш №3342037 #16671
Edge

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

 Edge чыгарылыш №5865620 #18504
Edge

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

 Edge чыгарылыш №7165383 #18543
Edge

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

 Edge чыгарылыш №6274505 #18228
Edge

Төмөнкү SVG элементинин үстүнө алып баруу ата-бабадагы mouseleaveокуяны күйгүзөт

 Edge чыгарылышы №7787318 #19670
Edge

Жылдыруу учурунда жигердүү 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)

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

 Mozilla катасы #1259972 #19626
Chrome (Android)

<input>Жылдырылуучу катмардагы белгини басуу <input>көрүнүштү сыдырбайт

 Chromium чыгарылышы №595210 #17338
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

Толуп кеткен опциялар менен сыдырма тилкесин чыкылдатуу <select multiple>жакынкы жерди тандайт<option>

 Chromium чыгарылышы №597642 #19810
Chrome

:hoverТийүүгө ыңгайлуу веб-баракчаларды жабышчаак кылбаңыз

 Chromium чыгарылышы №370155 #12832
Chrome

position: absoluteмамычасынан кененирээк элемент мамычанын чегине туура эмес кесилген

 Chromium чыгарылышы №269061 #20161
Chrome (Windows жана Linux)

Өтмөк жашырылганда анимациялар пайда болгондон кийин жигердүү эмес өтмөккө кайтууда анимация катасы.

 Chromium чыгарылышы №449180 #15298
Chrome

Динамикалык SVGs үчүн олуттуу көрсөткүчтөр тексти менен шрифттердин санына жараша font-family.

 Chromium чыгарылышы №781344 #24673
Safari

remfont-size: initialмедиа сурамдарындагы бирдиктер тамыр элементинин эмес, менен эсептелиши керекfont-size

 WebKit катасы №156684 #17403
Safari

Идентификатор жана tabindex менен контейнерге шилтеме, VoiceOver тарабынан контейнерге көңүл бурулбайт (өткөрүү шилтемелерине таасир этет)

 WebKit катасы №163658 #20732
Safari

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 , Нормалдаштыруу #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: 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)

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

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

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

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

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

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

Фокусталуучу элементтер баяндоочу/мүмкүнчүлүк фокусун алганда фокус окуясын күйгүзүшү / кабыл алышы керек:фокус стилин

 Microsoft A11y UserVoice идеясы #16717318 #20732
Edge

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

 Edge UserVoice идеясы #12299532 #19984
Edge

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

 Edge UserVoice идеясы #6508895 #20175
Edge

CSS өтүүсү жокко чыгарылганда окуяны transitioncancelкүйгүзүңүз

 Edge UserVoice идеясы #15939898 #20618
Edge

Псевдо-класстын 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
Safari

CSS өтүүсү жокко чыгарылганда окуяны transitioncancelкүйгүзүңүз

 WebKit катасы #161535 #20618
Safari

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

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

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

 WebKit катасы #84635 #20175