Браузер хаталары стенасы

Bootstrap хәзерге вакытта иң яхшы кросс-браузер тәҗрибәсен җиткерү өчен зур браузерларда берничә күренекле браузер хата тирәсендә эшли. Кайбер хаталар, түбәндә күрсәтелгәннәр кебек, без чишә алмыйбыз.

Аларны төзәтү процессын тизләтү өмете белән без монда безгә йогынты ясаучы браузер хаталарын ачыклыйбыз. Bootstrap браузерының яраклашуы турында мәгълүмат алу өчен, безнең браузерның яраклашу документларын карагыз .

Шулай ук кара:

Браузер (лар)	Хаталар турында кыскача мәгълүмат	Агымдагы хата (лар)	Ботстрап чыгару;
Кыр	Модаль диалогларда визуаль экспонатлар	Кыр чыгару # 9011176	# 20755
Кыр	`title`Беренче клавиатура фокусында күрсәтү өчен туган браузер кораллары (махсус кораллар компонентына өстәп)	Кыр чыгару 67 6793560	# 18692
Кыр	Күчерелгән элемент `:hover`читкә борылганнан соң да хәлдә кала.	Кыр чыгару # 5381673	# 14211
Кыр	CSS кайвакыт ата- ананың `border-radius`кан сызыгына китерә .`background-color`	Кыр чыгару # 3342037	# 16671
Кыр	`background`рәттәге `<tr>`барлык күзәнәкләр урынына беренче бала күзәнәгенә генә кулланыла	Кыр чыгару # 5865620	# 18504
Кыр	`@-ms-viewport{width: device-width;}`әйләндергеч такталарны автоматик рәвештә яшерүнең начар йогынтысы бар	Кыр чыгару # 7165383	# 18543
Кыр	Түбән катламнан фон төсе кайбер очракларда үтә күренмәле чик аша кан китә	Кыр чыгару # 6274505	# 18228
Кыр	Нәсел SVG элементы өстендә йөрү `mouseleave`ата-бабаларда вакыйга	Кыр чыгару # 7787318	# 19670
Кыр	Сөйләгәндә актив `position: fixed;` `<button>`селкенүләр	Кыр чыгару # 8770398	# 20507
Firefox	`.table-bordered`буш `<tbody>`белән чикләр юк.	Мозилла хата # 1023761	# 13453
Firefox	Әгәр дә форма белән идарә итүнең инвалид торышы JavaScript аша үзгәртелсә, битне яңартканнан соң гадәти хәл кире кайтмый.	Мозилла хата # 654072	# 793
Firefox	`focusdocument`вакыйгалар объектка атылырга тиеш түгел	Мозилла хата # 1228802	# 18365
Firefox	Киң йөзә торган өстәл яңа сызыкка төрелми	Мозилла хата # 1277782	# 19839
Firefox	Тычкан кайвакыт SVG элементлары эчендә `mouseenter`/ `mouseleave`булганда	Мозилла хата # 577785	# 19670
Firefox	Йөзелгән баганалар белән макет бастырганда өзелә	Мозилла хата # 1315994	# 21092
Firefox (Windows)	`<select>`Экран гадәти булмаган резолюциягә куелган вакытта менюның уң чиге кайвакыт юкка чыга	Мозилла хата # 545685	# 15990
Firefox (macOS & Linux)	Бейдж виджеты Таблицалар виджетының аскы чиге көтмәгәндә капланмаска китерә	Мозилла хата # 1259972	# 19626
Chrome (Android)	Күчереп була торган капкага кагылу күренешне `<input>`әйләндерми`<input>`	Хром чыгару 59 595210	# 17338
Chrome (macOS)	Өстә `<input type="number">`арттыру төймәсенә басыгыз, киметү төймәсен кабыза.	Хром чыгару # 419108	83 8350 һәм хром чыгару # 337668 офшоты
Chrome	Альфа ачыклыгы белән CSS чиксез сызыклы анимация хәтерне агып чыга.	Хром чыгару 42 429375	# 14409
Chrome	`table-cell`карамастан, чикләр кабатланмый`margin-right: -1px`	Хром чыгару # 749848	# 17438 , 14 14237
Chrome	`<select multiple>`Агымдагы вариантлар белән әйләндерү тактасына басыгыз`<option>`	Хром чыгару # 597642	# 19810
Chrome	`:hover`Сенсорлы веб-битләрдә ябыштырмагыз	Хром чыгару 37 370155	# 12832
Chrome	`position: absolute`баганасыннан киңрәк элемент багана чикләренә дөрес итеп киселгән	Хром чыгару # 269061	# 20161
Chrome (Windows & Linux)	Таблицалар яшерелгән вакытта анимацияләр булганнан соң, актив булмаган салынмага кире кайтканда анимация.	Хром чыгару 44 449180	# 15298
Chrome	Шрифтлар санына карап текст белән динамик SVG-лар өчен зур күрсәткеч `font-family`.	Хром чыгару # 781344	# 24673
Сафари	`remfont-size: initial`медиа соравындагы берәмлекләр төп элементны түгел, ә кулланып исәпләнергә тиеш`font-size`	WebKit хата # 156684	# 17403
Сафари	Id һәм табиндекс контейнерга сылтама контейнерны VoiceOver санга сукмый (сылтамаларга тәэсир итә)	WebKit хата # 163658	# 20732
Сафари	CSS `min-width`һәм `max-width`медиа үзенчәлекләре фракциональ пиксель булырга тиеш түгел	WebKit хата # 178261	# 25166
Сафари (макос)	`px`,, `em`һәм `rem`битне зурайту кулланылганда, барысы да бер үк тәртиптә булырга тиеш	WebKit хата # 156687	# 17403
Сафари (макос)	`<input type="number">`Кайбер элементлар белән сәер төймә тәртибе .	WebKit хата # 137269 , Apple Safari Radar # 18834768	# 8350 , Нормальләштерегез # 283 , Хром чыгарылышы 33 337668
Сафари (макос)	Веб-битне тотрыклы киңлектә бастырганда кечкенә шрифт зурлыгы `.container`.	WebKit хата # 138192 , Apple Safari Radar # 19435018	# 14868
Сафари (iOS)	`transform: translate3d(0,0,0);`хата күрсәтү.	WebKit хата # 138162 , Apple Safari Radar # 18804973	# 14603
Сафари (iOS)	Битне әйләндергәндә текст кертү курсоры хәрәкәтләнми.	WebKit хата # 138201 , Apple Safari Radar # 18819624	# 14708
Сафари (iOS)	Текстның озын юлын керткәч курсорны текст башына күчерә алмыйм`<input type="text">`	WebKit хата # 148061 , Apple Safari Radar # 22299624	# 16988
Сафари (iOS)	`display: block`вакытлыча текстның `<input>`вертикаль рәвештә дөрес булмавына китерә	WebKit хата # 139848 , Apple Safari Radar # 19434878	# 11266 , # 13098
Сафари (iOS)	Таплау вакыйгаларны `<body>`яндырмый`click`	WebKit хата # 151933	# 16028
Сафари (iOS)	`position:fixed`iPhone 6S + Safari'да кыстыргычлар күренгәндә дөрес урнашмаган	WebKit хата # 153056	# 18859
Сафари (iOS)	`<input>`Элемент эченә кагылу `position:fixed`битнең башына әйләнә	WebKit хата # 153224 , Apple Safari Radar # 24235301	# 17497
Сафари (iOS)	`<body>`CSS белән `overflow:hidden`iOSда әйләндереп була	WebKit хата # 153852	# 14839
Сафари (iOS)	Элементтагы текст кырында ишарәләрне әйләндереп була торган бабалар урынына `position:fixed`кайвакыт әйләндерәләр`<body>`	WebKit хата # 153856	# 14839
Сафари (iOS)	Өстәмә текст озынрак булганнан соң, модаль `-webkit-overflow-scrolling: touch`әйләндереп булмый	WebKit хата # 158342	# 17695
Сафари (iOS)	`:hover`Сенсорлы веб-битләрдә ябыштырмагыз	WebKit хата # 158517	# 12832
Сафари (iOS)	Меню `position:fixed`ачылганнан соң юкка чыга торган элемент`<select>`	WebKit хата # 162362	# 20759
Safari (iPad Pro)	Элемент токымнарын күрсәтү `position: fixed`iPad Pro'да пейзаж юнәлешендә киселгән	WebKit хата # 152637 , Apple Safari Radar # 24030853	# 18738

Иң кирәкле үзенчәлекләр

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

Аларны тормышка ашыру процессын тизләтү өмете белән без бу "иң кирәкле" функция запросларын монда ачыклыйбыз.

Браузер (лар)	Кыскача үзенчәлек	Агымдагы чыгарылыш	Ботстрап чыгару;
Кыр	Фокус элементлары фокус вакыйгасын / кабул итәргә тиеш: алар Хикәяләүче / мөмкинлек фокусын алгач, фокус стилизациясе	Microsoft A11y UserVoice идеясы # 16717318	# 20732
Кыр	Селекторларның 4-нче дәрәҗәсеннән `:dir()`псевдо-классны тормышка ашырыгыз	Edge UserVoice идеясы # 12299532	# 19984
Кыр	HTML5 элементын тормышка ашырыгыз`<dialog>`	Edge UserVoice идеясы # 6508895	# 20175
Кыр	CSS күчү юкка чыкканда `transitioncancel`вакыйганы яндырыгыз	Edge UserVoice идеясы # 15939898	# 20618
Кыр	Псевдо - класс `of <selector-list>`пунктларын тормышка ашырыгыз`:nth-child()`	Edge UserVoice идеясы # 15944476	# 20143
Firefox	Псевдо - класс `of <selector-list>`пунктларын тормышка ашырыгыз`:nth-child()`	Мозилла хата # 854148	# 20143
Firefox	HTML5 элементын тормышка ашырыгыз`<dialog>`	Мозилла хата # 840640	# 20175
Firefox	Виртуаль фокус төймәгә яки сылтамага юнәлгәндә, элементка да игътибарны яндырыгыз	Мозилла хата # 1000082	# 20732
Chrome	CSS күчү юкка чыкканда `transitioncancel`вакыйганы яндырыгыз	Хром чыгару 64 642487	Хром чыгару # 437860
Chrome	Псевдо - класс `of <selector-list>`пунктларын тормышка ашырыгыз`:nth-child()`	Хром чыгару # 304163	# 20143
Chrome	Селекторларның 4-нче дәрәҗәсеннән `:dir()`псевдо-классны тормышка ашырыгыз	Хром чыгару 57 576815	# 19984
Сафари	CSS күчү юкка чыкканда `transitioncancel`вакыйганы яндырыгыз	WebKit хата # 161535	# 20618
Сафари	Селекторларның 4-нче дәрәҗәсеннән `:dir()`псевдо-классны тормышка ашырыгыз	WebKit хата # 64861	# 19984
Сафари	HTML5 элементын тормышка ашырыгыз`<dialog>`	WebKit хата # 84635	# 20175