in English
Браузердеги мүчүлүштүктөрдүн дубалы
Эскирген мазмун
Бул барак эскирген жана Bootstrap'тин акыркы версияларына мындан ары колдонулбайт. Бул жерде азыр тарыхый максаттар үчүн жана кийинки негизги релизибизде өчүрүлөт.
Bootstrap учурда эң мыкты кайчылаш браузер тажрыйбасын жеткирүү үчүн негизги браузерлердеги бир нече көрүнүктүү серепчи мүчүлүштүктөрдүн тегерегинде иштейт. Төмөндө саналып өткөндөр сыяктуу кээ бир мүчүлүштүктөрдү биз чече албайбыз.
Бизге таасир эткен серепчи мүчүлүштүктөрүн аларды оңдоо процессин тездетүү үмүтү менен бул жерде жалпыга ачык тизмектейбиз. Bootstrap браузеринин шайкештиги жөнүндө маалымат алуу үчүн, биздин браузердин шайкештик документтерин караңыз .
Ошондой эле караңыз:
- Chromium чыгарылышы 536263: [meta] Bootstrap'ке таасир эткен маселелер
- Mozilla мүчүлүштүгү 1230801: Bootstrapга таасир эткен маселелерди оңдоо
- WebKit катасы 159753: [meta] Bootstrap'ке таасир эткен маселелер
- jQuery браузериндеги мүчүлүштүктөрдү чечүү жолдору
| Браузер(лер) | Каттын корутундусу | Жогорку агым маселеси(лери) | Жүктөө маселеси(лери) |
|---|---|---|---|
| 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 | Төмөнкү катмардагы фон түсү кээ бир учурларда тунук чек ара аркылуу өтөт | 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 (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 | 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 |