Source

브라우저 버그의 벽

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

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

또한보십시오:

브라우저 버그 요약 업스트림 버그 부트스트랩 문제
가장자리

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

에지 문제 #9011176 #20755
가장자리

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

에지 문제 #6793560 #18692
가장자리

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

에지 문제 #5381673 #14211
가장자리

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

에지 문제 #3342037 #16671
가장자리

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

에지 문제 #5865620 #18504
가장자리

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

에지 문제 #6274505 #18228
가장자리

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

에지 문제 #7787318 #19670
가장자리

스크롤할 때 활성 position: fixed; <button>깜박임

에지 문제 #8770398 #20507
파이어폭스

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

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

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

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

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

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

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

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

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

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

인쇄 시 부동 열이 있는 레이아웃이 깨짐

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

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

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

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

모질라 버그 #1259972 #19626
크롬(macOS)

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

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

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

크롬 문제 #429375 #14409
크롬

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

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

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

크롬 문제 #370155 #12832
크롬

position: absolute열보다 넓은 요소가 열 경계에 잘못 잘립니다.

크롬 문제 #269061 #20161
크롬

.NET의 글꼴 수에 따라 텍스트가 있는 동적 SVG의 경우 상당한 성능 저하가 발생했습니다 font-family.

크롬 문제 #781344 #24673
원정 여행

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

WebKit 버그 #156684 #17403
원정 여행

id 및 tabindex가 있는 컨테이너에 연결하면 VoiceOver에서 컨테이너가 무시됩니다(링크 건너뛰기에 영향을 미침).

WebKit 버그 #163658 #20732
원정 여행

CSS min-widthmax-width미디어 기능은 분수 픽셀을 반올림하면 안 됩니다.

WebKit 버그 #178261 #25166
사파리(macOS)

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

WebKit 버그 #156687 #17403
사파리(macOS)

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

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

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

WebKit 버그 #138192 , Apple Safari 레이더 #19435018 #14868
사파리(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)

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

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

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

WebKit 버그 #158517 #12832
사파리(iOS)

메뉴 position:fixed를 연 후 사라지는 요소<select>

WebKit 버그 #162362 #20759
사파리(아이패드 프로)

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

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

가장 원하는 기능

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

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

브라우저 기능 요약 업스트림 문제 부트스트랩 문제
가장자리

포커스 가능한 요소는 내레이터/접근성 포커스를 받을 때 포커스 이벤트/수신:포커스 스타일링을 시작해야 합니다.

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
파이어폭스

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

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

HTML5 <dialog>요소 구현

모질라 버그 #840640 #20175
파이어폭스

가상 포커스가 버튼이나 링크에 있을 때 요소에 대한 실제 포커스도 실행합니다.

모질라 버그 #1000082 #20732
크롬

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

크롬 문제 #642487 크롬 문제 #437860
크롬

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

크롬 문제 #304163 #20143
크롬

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

크롬 문제 #576815 #19984
원정 여행

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

WebKit 버그 #161535 #20618
원정 여행

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

WebKit 버그 #64861 #19984
원정 여행

HTML5 <dialog>요소 구현

WebKit 버그 #84635 #20175