in English
브라우저 버그의 벽
오래된 콘텐츠
이 페이지는 구식이며 더 이상 최신 버전의 부트스트랩에 적용할 수 없습니다. 이것은 순전히 역사적 목적을 위해 여기에 있으며 다음 주요 릴리스에서 제거될 것입니다.
Bootstrap은 현재 최고의 브라우저 간 경험을 제공하기 위해 주요 브라우저의 몇 가지 뛰어난 브라우저 버그를 해결합니다. 아래 나열된 것과 같은 일부 버그는 당사에서 해결할 수 없습니다.
수정 프로세스를 가속화하기 위해 여기에 영향을 미치는 브라우저 버그를 공개적으로 나열합니다. Bootstrap의 브라우저 호환성에 대한 정보는 브라우저 호환성 문서 를 참조하십시오 .
또한보십시오:
- Chromium 문제 536263: [메타] 부트스트랩에 영향을 주는 문제
- Mozilla 버그 1230801: 부트스트랩에 영향을 주는 문제 수정
- WebKit 버그 159753: [메타] 부트스트랩에 영향을 주는 문제
- jQuery의 브라우저 버그 해결 방법
브라우저 | 버그 요약 | 업스트림 문제 | 부트스트랩 문제 |
---|---|---|---|
가장자리 | 스크롤 가능한 모달 대화 상자의 시각적 아티팩트 | 에지 문제 #9011176 | #20755 |
가장자리 | title 첫 번째 키보드 포커스에 표시하기 위한 기본 브라우저 도구 설명 (사용자 정의 도구 설명 구성 요소 추가) |
에지 문제 #6793560 | #18692 |
가장자리 | :hover 호버링된 요소는 스크롤한 후에도 여전히 상태를 유지 합니다. |
에지 문제 #5381673 | #14211 |
가장자리 | CSS 는 때때로 부모 요소 border-radius 의 블리드 스루 라인을 유발합니다 .background-color |
에지 문제 #3342037 | #16671 |
가장자리 | background of <tr> 는 행의 모든 셀 대신 첫 번째 자식 셀에만 적용됩니다. |
에지 문제 #5865620 | #18504 |
가장자리 | 경우에 따라 투명 테두리를 통해 하위 레이어의 배경색이 번짐 | 에지 문제 #6274505 | #18228 |
가장자리 | 하위 SVG 요소 위로 마우스를 가져가면 상위 항목 mouseleave 에서 이벤트 가 발생합니다. |
에지 문제 #7787318 | #19670 |
가장자리 | 스크롤할 때 활성 position: fixed; <button> 깜박임 |
에지 문제 #8770398 | #20507 |
파이어폭스 | .table-bordered 비어 있으면 <tbody> 테두리가 없습니다. |
모질라 버그 #1023761 | #13453 |
파이어폭스 | JavaScript를 통해 폼 컨트롤의 비활성화 상태를 변경하면 페이지를 새로고침한 후 정상 상태로 돌아가지 않습니다. | 모질라 버그 #654072 | #793 |
파이어폭스 | focus document 이벤트는 개체 에서 시작되어서는 안 됩니다. |
모질라 버그 #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-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:fixed iPhone 6S+ Safari에서 탭 막대가 표시될 때 위치가 잘못됨 |
WebKit 버그 #153056 | #18859 |
사파리(iOS) | <input> 요소 내를 탭 position:fixed 하면 페이지 상단으로 스크롤됩니다. |
WebKit 버그 #153224 , Apple Safari 레이더 #24235301 | #17497 |
사파리(iOS) | <body> CSS 로 overflow:hidden iOS에서 스크롤 가능 |
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 |