브라우저 버그

Bootstrap은 현재 최고의 브라우저 간 경험을 제공하기 위해 주요 브라우저의 몇 가지 뛰어난 브라우저 버그를 해결합니다. 아래 나열된 것과 같은 일부 버그는 당사에서 해결할 수 없습니다.

수정 프로세스를 가속화하기 위해 여기에 영향을 미치는 브라우저 버그를 공개적으로 나열합니다. Bootstrap의 브라우저 호환성에 대한 정보는 브라우저 호환성 문서 를 참조하십시오 .

또한보십시오:

브라우저 버그 요약 업스트림 버그 부트스트랩 문제
마이크로소프트 엣지

스크롤 가능한 모달 대화 상자의 시각적 아티팩트

 에지 문제 #9011176 #20755
마이크로소프트 엣지

title첫 번째 키보드 포커스에 표시하기 위한 기본 브라우저 도구 설명 (사용자 정의 도구 설명 구성 요소 추가)

 에지 문제 #6793560 #18692
마이크로소프트 엣지

:hover호버링된 요소는 스크롤한 후에도 여전히 상태를 유지 합니다.

 에지 문제 #5381673 #14211
마이크로소프트 엣지

<select>메뉴 항목 위로 마우스를 가져가면 메뉴 아래에 있는 요소에 대한 커서가 표시됩니다.

 에지 문제 #817822 #14528
마이크로소프트 엣지

CSS 는 때때로 부모 요소 border-radius의 블리드 스루 라인을 유발합니다 .background-color

 에지 문제 #3342037 #16671
마이크로소프트 엣지

backgroundof <tr>는 행의 모든 ​​셀 대신 첫 번째 자식 셀에만 적용됩니다.

 에지 문제 #5865620 #18504
마이크로소프트 엣지

@-ms-viewport{width: device-width;}스크롤바를 자동으로 숨기는 부작용이 있습니다.

 에지 문제 #7165383 #18543
마이크로소프트 엣지

경우에 따라 투명 테두리를 통해 하위 레이어의 배경색이 번짐

 에지 문제 #6274505 #18228
마이크로소프트 엣지

하위 SVG 요소 위로 마우스를 가져가면 상위 항목 mouseleave에서 이벤트 가 발생합니다.

 에지 문제 #7787318 #19670
파이어폭스

.table-bordered비어 있으면 <tbody>테두리가 없습니다.

 모질라 버그 #1023761 #13453
파이어폭스

JavaScript를 통해 폼 컨트롤의 비활성화 상태를 변경하면 페이지를 새로고침한 후 정상 상태로 돌아가지 않습니다.

 모질라 버그 #654072 #793
파이어폭스

focusdocument이벤트는 개체 에서 시작되어서는 안 됩니다.

 모질라 버그 #1228802 #18365
파이어폭스

넓은 부동 테이블이 줄 바꿈되지 않음

 모질라 버그 #1277782 #19839
파이어폭스

마우스가 SVG 요소 내에 있을 때 mouseenter/ 목적을 위해 요소 내에 있지 않은 경우가 있습니다.mouseleave

 모질라 버그 #577785 #19670
파이어폭스

position: absolute열보다 넓은 요소는 다른 브라우저와 다르게 렌더링됩니다.

 모질라 버그 #1282363 #20161
파이어폭스(윈도우)

<select>화면이 일반적이지 않은 해상도로 설정된 경우 메뉴 의 오른쪽 테두리 가 누락되는 경우가 있습니다.

 모질라 버그 #545685 #15990
파이어폭스(OS X 및 Linux)

배지 위젯으로 인해 탭 위젯의 아래쪽 테두리가 예기치 않게 겹치지 않음

 모질라 버그 #1259972 #19626
크롬(안드로이드)

스크롤 가능한 오버레이를 탭하면 보기로 <input>스크롤되지 않습니다.<input>

 크롬 문제 #595210 #17338
크롬(OS X)

위의 <input type="number">증가 버튼을 클릭하면 감소 버튼이 깜박입니다.

 크롬 문제 #419108 #8350 및 크롬 문제 #337668 의 파생물
크롬

알파 투명도가 있는 CSS 무한 선형 애니메이션에서 메모리 누수가 발생합니다.

 크롬 문제 #429375 #14409
크롬

:focus outlinereadonly <input>스타일을 사용하면 읽기-쓰기로 전환할 때 커서가 표시되지 않습니다 .

 크롬 문제 #465274 #16022
크롬

table-cell에도 불구하고 겹치지 않는 경계margin-right: -1px

 크롬 문제 #534750 #17438 , #14237
크롬

<select multiple>오버플로된 옵션이 있는 스크롤바를 클릭하면 주변이 선택됩니다.<option>

 크롬 문제 #597642 #19810
크롬

:hover터치 친화적 웹 페이지에 스티커를 붙이지 마십시오 .

 크롬 문제 #370155 #12832
크롬(윈도우 및 리눅스)

탭이 숨겨져 있는 동안 애니메이션이 발생한 후 비활성 탭으로 돌아갈 때 애니메이션 결함.

 크롬 문제 #449180 #15298
원정 여행

rem미디어 쿼리의 단위 font-size: initial는 루트 요소가 아닌 를 사용하여 계산해야 합니다.font-size

 WebKit 버그 #156684 #17403
사파리(OS X)

px, em, 및 rem페이지 확대/축소가 적용될 때 미디어 쿼리에서 모두 동일하게 작동해야 합니다.

 WebKit 버그 #156687 #17403
사파리(OS X)

<input type="number">일부 요소 에서 이상한 버튼 동작 .

 WebKit 버그 #137269 , Apple Safari 레이더 #18834768 #8350 , 정규화 #283 , 크롬 문제 #337668
사파리(OS X)

고정 너비로 ​​웹 페이지를 인쇄할 때 작은 글꼴 크기 .container.

 WebKit 버그 #138192 , Apple Safari 레이더 #19435018 #14868
사파리(아이패드)

<select>iPad의 메뉴로 인해 적중 테스트 영역이 이동합니다.

 WebKit 버그 #150079 , Apple Safari 레이더 #23082521 #14975
사파리(iOS)

transform: translate3d(0,0,0);렌더링 버그.

 WebKit 버그 #138162 , Apple Safari 레이더 #18804973 #14603
사파리(iOS)

페이지를 스크롤하는 동안 텍스트 입력의 커서가 움직이지 않습니다.

 WebKit 버그 #138201 , Apple Safari 레이더 #18819624 #14708
사파리(iOS)

긴 문자열을 입력한 후 커서를 텍스트 시작 부분으로 이동할 수 없습니다.<input type="text">

 WebKit 버그 #148061 , Apple Safari 레이더 #22299624 #16988
사파리(iOS)

display: block임시 <input>의 텍스트가 수직으로 정렬되지 않도록 합니다.

 WebKit 버그 #139848 , Apple Safari 레이더 #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 레이더 #24235301 #17497
사파리(iOS)

<body>CSS 로 overflow:hiddeniOS에서 스크롤 가능

 WebKit 버그 #153852 #14839
사파리(iOS)

position:fixed요소 의 텍스트 필드에서 스크롤 제스처가 <body>스크롤 가능한 조상 대신 스크롤되는 경우가 있습니다.

 WebKit 버그 #153856 #14839
사파리(iOS)

오버레이에서 서로를 탭 <input>하면 흔들림/흔들림 효과가 발생할 수 있습니다.

 WebKit 버그 #158276 #19927
사파리(iOS)

추가된 텍스트로 인해 키가 커지면 모달 -webkit-overflow-scrolling: touch이 스크롤 가능하지 않습니다.

 WebKit 버그 #158342 #17695
사파리(iOS)

:hover터치 친화적 웹 페이지에 스티커를 붙이지 마십시오 .

 WebKit 버그 #158517 #12832
사파리(아이패드 프로)

position: fixed가로 방향으로 iPad Pro에서 요소 의 자손 렌더링 이 잘립니다.

 WebKit 버그 #152637 , Apple Safari 레이더 #24030853 #18738

가장 원하는 기능

웹 표준에는 부트스트랩을 보다 강력하고 우아하며 성능을 높일 수 있는 몇 가지 기능이 지정되어 있지만 특정 브라우저에서는 아직 구현되지 않아 이러한 기능을 활용하지 못합니다.

구현 프로세스를 가속화하기 위해 이러한 "가장 원하는" 기능 요청을 공개적으로 나열합니다.

브라우저 기능 요약 업스트림 문제 부트스트랩 문제
마이크로소프트 엣지

선택기 레벨 4에서 :dir()의사 클래스 구현

 Edge UserVoice 아이디어 #12299532 #19984
마이크로소프트 엣지

CSS Positioned Layout Level 3에서 고정 위치 구현

 Edge UserVoice 아이디어 #6263621 #17021
마이크로소프트 엣지

HTML5 <dialog>요소 구현

 Edge UserVoice 아이디어 #6508895 #20175
파이어폭스

CSS 전환이 취소되면 transitioncancel이벤트 발생

 모질라 버그 #1264125 모질라 버그 #1182856
파이어폭스

의사 클래스 의 of <selector-list>절 구현:nth-child()

 모질라 버그 #854148 #20143
파이어폭스

HTML5 <dialog>요소 구현

 모질라 버그 #840640 #20175
크롬

의사 클래스 의 of <selector-list>절 구현:nth-child()

 크롬 문제 #304163 #20143
크롬

선택기 레벨 4에서 :dir()의사 클래스 구현

 크롬 문제 #576815 #19984
크롬

CSS Positioned Layout Level 3에서 고정 위치 구현

 크롬 문제 #231752 #17021
원정 여행

선택기 레벨 4에서 :dir()의사 클래스 구현

 WebKit 버그 #64861 #19984
원정 여행

HTML5 <dialog>요소 구현

 WebKit 버그 #84635 #20175