Source

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

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 (OS X & Linux)

Бейдж виджеты Таблицалар виджетының аскы чиге көтмәгәндә капланмаска китерә

Мозилла хата # 1259972 # 19626
Chrome (Android)

Күчереп була торган капкага кагылу күренешне <input>әйләндерми<input>

Хром чыгару 59 595210 # 17338
Chrome (OS X)

Өстә <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
Safari (OS X)

px,, emһәм remбитне зурайту кулланылганда, барысы да бер үк тәртиптә булырга тиеш

WebKit хата # 156687 # 17403
Safari (OS X)

<input type="number">Кайбер элементлар белән сәер төймә тәртибе .

WebKit хата # 137269 , Apple Safari Radar # 18834768 # 8350 , Нормальләштерегез # 283 , Хром чыгарылышы 33 337668
Safari (OS X)

Веб-битне тотрыклы киңлектә бастырганда кечкенә шрифт зурлыгы .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:fixediPhone 6S + Safari'та кыстыргычлар күренгәндә дөрес урнашмаган

WebKit хата # 153056 # 18859
Сафари (iOS)

<input>Элемент эченә кагылу position:fixedбитнең башына әйләнә

WebKit хата # 153224 , Apple Safari Radar # 24235301 # 17497
Сафари (iOS)

<body>CSS белән overflow:hiddeniOSда әйләндереп була

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: fixediPad 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