Source

브라우저 버그의 벽

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

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

또한보십시오:

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

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

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

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

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

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

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

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

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

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

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

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

 에지 문제 #7165383 #18543
가장자리

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

 에지 문제 #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
크롬(안드로이드)

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

 크롬 문제 #595210 #17338
크롬(macOS)

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

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

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

 크롬 문제 #429375 #14409
크롬

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

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

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

 크롬 문제 #597642 #19810
크롬

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

 크롬 문제 #370155 #12832
크롬

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

 크롬 문제 #269061 #20161
크롬(윈도우 및 리눅스)

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

 크롬 문제 #449180 #15298
크롬

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

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

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

 WebKit 버그 #156684 #17403
원정 여행

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

 WebKit 버그 #163658 #20732
원정 여행

CSS min-width및 max-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