Хатогиҳои браузер

Bootstrap дар айни замон дар атрофи якчанд хатогиҳои барҷастаи браузер дар браузерҳои асосӣ кор мекунад, то таҷрибаи беҳтарини браузерро пешкаш кунад. Баъзе хатогиҳо, ба монанди хатоҳои дар поён овардашуда, аз ҷониби мо ҳал карда намешаванд.

Мо ба таври оммавӣ хатогиҳои браузерро номбар мекунем, ки ба мо дар ин ҷо таъсир мерасонанд, бо умеди тезонидани раванди ислоҳи онҳо. Барои маълумот дар бораи мутобиқати браузери Bootstrap, ба ҳуҷҷатҳои мутобиқати браузери мо нигаред .

Ҳамчунин нигаред:

Браузер(ҳо) Хулосаи хато Хатог(ҳо)и болооб Масъала(ҳо)и боркунӣ
Microsoft Edge

Артефактҳои визуалӣ дар муколамаҳои модалии ҳаракаткунанда

 Нашри канори № 9011176 # 20755
Microsoft Edge

Маслиҳати асбобҳои браузери ватанӣ барои titleнамоишҳо дар фокуси аввалини клавиатура (илова ба ҷузъҳои маслиҳати фармоишӣ)

 Нашри канори № 6793560 № 18692
Microsoft Edge

Элементи нишондодашуда :hoverпас аз ҳаракат кардан дар ҳолати худ боқӣ мемонад.

 Нашри канори № 5381673 № 14211
Microsoft Edge

Ҳангоми дар болои <select>банди меню гузоштан курсор барои элементи зери меню нишон дода мешавад.

 Нашри канори № 817822 № 14528
Microsoft Edge

CSS border-radiusбаъзан хатҳои хунравии background-colorэлементи волидайнро ба вуҷуд меорад.

 Нашри канори № 3342037 № 16671
Microsoft Edge

backgroundаз <tr>танҳо ба ячейкаи якум ба ҷои ҳамаи чашмакҳои сатр истифода мешавад

 Нашри канори № 5865620 № 18504
Microsoft Edge

@-ms-viewport{width: device-width;}таъсири ҷониби худкор пинҳон кардани сатрҳои ҳаракат дорад

 Нашри канори № 7165383 № 18543
Microsoft Edge

Ранги замина аз қабати поёнӣ дар баъзе мавридҳо тавассути сарҳади шаффоф хун меравад

 Нашри канори № 6274505 № 18228
Microsoft Edge

Гузаштан ба болои унсури насли SVG mouseleaveҳодисаро дар аҷдод оташ мезанад

 Нашри канори № 7787318 № 19670
Firefox

.table-borderedбо сарҳадҳои холӣ <tbody>нест.

 Хатогии Mozilla # 1023761 № 13453
Firefox

Агар ҳолати ғайрифаъолшудаи идоракунии форма тавассути JavaScript тағир дода шавад, пас аз навсозии саҳифа ҳолати муқаррарӣ барнамегардад.

 Хатогии Mozilla # 654072 № 793
Firefox

focusходисахо набояд ба documentобъект тир холй карда шаванд

 Хатогии Mozilla # 1228802 № 18365
Firefox

Ҷадвали шинокунандаи васеъ ба хати нав печонида намешавад

 Хатогии Mozilla # 1277782 № 19839
Firefox

Муш баъзан дар дохили элемент барои мақсадҳои mouseenter/ mouseleaveвақте ки он дар дохили унсурҳои SVG аст

 Хатогии Mozilla # 577785 № 19670
Firefox

position: absolute element that’s wider than its column renders differently than other browsers

 Mozilla bug #1282363 #20161
Firefox (Windows)

Right border of <select> menu is sometimes missing when screen is set to uncommon resolution

 Mozilla bug #545685 #15990
Firefox (OS X & Linux)

Badge widget causes bottom border of Tabs widget to unexpectedly not overlap

 Mozilla bug #1259972 #19626
Chrome (Android)

Tapping on an <input> in a scrollable overlay doesn’t scroll the <input> into view

 Chromium issue #595210 #17338
Chrome (OS X)

Clicking above <input type="number"> increment button flashes the decrement button.

 Chromium issue #419108 Offshoot of #8350 & Chromium issue #337668
Chrome

CSS infinite linear animation with alpha transparency leaks memory.

 Chromium issue #429375 #14409
Chrome

:focus outline style causes cursor to not be displayed when toggling a readonly <input> to read-write.

 Chromium issue #465274 #16022
Chrome

table-cell borders not overlapping despite margin-right: -1px

 Chromium issue #534750 #17438, #14237
Chrome

Clicking scrollbar in <select multiple> with overflowed options will select nearby <option>

 Chromium issue #597642 #19810
Chrome

Don’t make :hover sticky on touch-friendly webpages

 Chromium issue #370155 #12832
Chrome (Windows & Linux)

Animation glitch when returning to inactive tab after animations occurred while tab was hidden.

 Chromium issue #449180 #15298
Safari

rem units in media queries should be calculated using font-size: initial, not the root element’s font-size

 WebKit bug #156684 #17403
Safari (OS X)

px, em, and rem should all behave the same in media queries when page zoom is applied

 WebKit bug #156687 #17403
Safari (OS X)

Weird button behavior with some <input type="number"> elements.

 WebKit bug #137269, Apple Safari Radar #18834768 #8350, Normalize #283, Chromium issue #337668
Safari (OS X)

Small font size when printing webpage with fixed-width .container.

 WebKit bug #138192, Apple Safari Radar #19435018 #14868
Safari (iPad)

<select> menu on iPad causes shifting of hit-testing areas

 WebKit bug #150079, Apple Safari Radar #23082521 #14975
Safari (iOS)

transform: translate3d(0,0,0); rendering bug.

 WebKit bug #138162, Apple Safari Radar #18804973 #14603
Safari (iOS)

Text input’s cursor doesn’t move while scrolling the page.

 WebKit bug #138201, Apple Safari Radar #18819624 #14708
Safari (iOS)

Can’t move cursor to start of text after entering long string of text into <input type="text">

 WebKit bug #148061, Apple Safari Radar #22299624 #16988
Safari (iOS)

display: block causes text of temporal <input>s to become vertically misaligned

 WebKit bug #139848, Apple Safari Radar #19434878 #11266, #13098
Safari (iOS)

Tapping on <body> doesn’t fire click events

 WebKit bug #151933 #16028
Safari (iOS)

position:fixed is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari

 WebKit bug #153056 #18859
Safari (iOS)

Tapping into an <input> within a position:fixed element scrolls to the top of the page

 WebKit bug #153224, Apple Safari Radar #24235301 #17497
Safari (iOS)

<body> with overflow:hidden CSS is scrollable on iOS

 WebKit bug #153852 #14839
Safari (iOS)

Scroll gesture in text field in position:fixed element sometimes scrolls <body> instead of scrollable ancestor

 WebKit bug #153856 #14839
Safari (iOS)

Tapping from one <input> to another in an overlay can cause shaking/jiggling effect

 WebKit bug #158276 #19927
Safari (iOS)

Modal with -webkit-overflow-scrolling: touch doesn’t become scrollable after added text makes it taller

 WebKit bug #158342 #17695
Safari (iOS)

Don’t make :hover sticky on touch-friendly webpages

 WebKit bug #158517 #12832
Safari (iPad Pro)

Rendering of descendants of position: fixed element gets clipped on iPad Pro in Landscape orientation

 WebKit bug #152637, Apple Safari Radar #24030853 #18738

Most wanted features

There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.

We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.

Browser(s) Summary of feature Upstream issue(s) Bootstrap issue(s)
Microsoft Edge

Implement the :dir() pseudo-class from Selectors Level 4

 Edge UserVoice idea #12299532 #19984
Microsoft Edge

Implement sticky positioning from CSS Positioned Layout Level 3

 Edge UserVoice idea #6263621 #17021
Microsoft Edge

Implement the HTML5 <dialog> element

 Edge UserVoice idea #6508895 #20175
Firefox

Fire a transitioncancel event when a CSS transition is canceled

 Mozilla bug #1264125 Mozilla bug #1182856
Firefox

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Mozilla bug #854148 #20143
Firefox

Implement the HTML5 <dialog> element

 Mozilla bug #840640 #20175
Chrome

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Chromium issue #304163 #20143
Chrome

Implement the :dir() pseudo-class from Selectors Level 4

 Chromium issue #576815 #19984
Chrome

Implement sticky positioning from CSS Positioned Layout Level 3

 Chromium issue #231752 #17021
Safari

Implement the :dir() pseudo-class from Selectors Level 4

 WebKit bug #64861 #19984
Safari

Implement the HTML5 <dialog> element

 WebKit bug #84635 #20175