브라우저 버그

Bootstrap은 현재 주요 브라우저의 여러 미해결 브라우저 버그를 해결하여 최상의 크로스 브라우저 경험을 제공합니다. 아래에 나열된 것과 같은 일부 버그는 우리가 해결할 수 없습니다.

우리는 이곳에 영향을 미치는 브라우저 버그를 공개적으로 나열하여 해결 과정을 가속화하기를 희망합니다. Bootstrap의 브라우저 호환성에 대한 정보는 브라우저 호환성 문서를 참조하세요.

참조:

브라우저 버그 요약 상위 버그 Bootstrap 이슈
Microsoft Edge

Visual artifacts in scrollable modal dialogs

 Edge issue #9011176 #20755
Microsoft Edge

Native browser tooltip for title shows on first keyboard focus (in addition to custom tooltip component)

 Edge issue #6793560 #18692
Microsoft Edge

Hovered element still remains in :hover state after scrolling away.

 Edge issue #5381673 #14211
Microsoft Edge

When hovering over a <select> menu item, the cursor for the element underneath the menu is displayed.

 Edge issue #817822 #14528
Microsoft Edge

CSS border-radius sometimes causes lines of bleed-through of the background-color of the parent element.

 Edge issue #3342037 #16671
Microsoft Edge

background of <tr> is only applied to first child cell instead of all cells in the row

 Edge issue #5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;} has side-effect of making scrollbars auto-hide

 Edge issue #7165383 #18543
Microsoft Edge

Background color from lower layer bleeds through transparent border in some cases

 Edge issue #6274505 #18228
Microsoft Edge

Hovering over descendant SVG element fires mouseleave event at ancestor

 Edge issue #7787318 #19670
Firefox

.table-bordered with an empty <tbody> is missing borders.

 Mozilla bug #1023761 #13453
Firefox

If the disabled state of a form control is changed via JavaScript, the normal state doesn’t return after refreshing the page.

 Mozilla bug #654072 #793
Firefox

focus events should not be fired at the document object

 Mozilla bug #1228802 #18365
Firefox

Wide floated table doesn’t wrap onto new line

 Mozilla bug #1277782 #19839
Firefox

Mouse sometimes not within element for purposes of mouseenter/mouseleave when it’s within SVG elements

 Mozilla bug #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

가장 원하는 기능

웹 표준에 지정된 여러 기능이 있어 Bootstrap을 더 강력하고 우아하며 효율적으로 만들 수 있지만, 특정 브라우저에서 아직 구현되지 않아 이를 활용할 수 없습니다.

우리는 이곳에 "가장 원하는" 기능 요청을 공개적으로 나열하여 구현 과정을 가속화하기를 희망합니다.

브라우저 기능 요약 상위 이슈 Bootstrap 이슈
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