Source

Tường lỗi của trình duyệt

Bootstrap hiện đang khắc phục một số lỗi trình duyệt nổi bật trong các trình duyệt chính để mang lại trải nghiệm trình duyệt chéo tốt nhất có thể. Một số lỗi, như những lỗi được liệt kê dưới đây, không thể được chúng tôi giải quyết.

Chúng tôi liệt kê công khai các lỗi trình duyệt đang ảnh hưởng đến chúng tôi tại đây, với hy vọng đẩy nhanh quá trình sửa chúng. Để biết thông tin về khả năng tương thích trình duyệt của Bootstrap, hãy xem tài liệu về khả năng tương thích trình duyệt của chúng tôi .

Xem thêm:

(Các) trình duyệt Tóm tắt lỗi (Các) lỗi ngược dòng (Các) vấn đề về Bootstrap
Bờ rìa

Tạo tác trực quan trong hộp thoại phương thức có thể cuộn

Vấn đề cạnh # 9011176 # 20755
Bờ rìa

Chú giải công cụ của trình duyệt gốc cho các titlehiển thị trên tiêu điểm bàn phím đầu tiên (ngoài thành phần chú giải công cụ tùy chỉnh)

Vấn đề cạnh # 6793560 # 18692
Bờ rìa

Phần tử được di chuột vẫn ở :hovertrạng thái sau khi cuộn đi.

Vấn đề cạnh # 5381673 # 14211
Bờ rìa

CSS border-radiusđôi khi gây ra các dòng chảy qua của background-colorphần tử mẹ.

Vấn đề cạnh # 3342037 # 16671
Bờ rìa

backgroundcủa <tr>chỉ được áp dụng cho ô con đầu tiên thay vì tất cả các ô trong hàng

Vấn đề cạnh # 5865620 # 18504
Bờ rìa

Màu nền từ lớp dưới chảy qua đường viền trong suốt trong một số trường hợp

Vấn đề cạnh # 6274505 # 18228
Bờ rìa

mouseleaveDi chuột qua sự kiện kích hoạt phần tử SVG hậu duệ ở tổ tiên

Vấn đề cạnh # 7787318 # 19670
Bờ rìa

Nhấp nháy hoạt động position: fixed; <button>khi cuộn

Vấn đề cạnh # 8770398 # 20507
Firefox

.table-borderedvới một khoảng trống <tbody>là thiếu đường viền.

Lỗi Mozilla # 1023761 # 13453
Firefox

Nếu trạng thái vô hiệu hóa của điều khiển biểu mẫu được thay đổi qua JavaScript, trạng thái bình thường sẽ không trở lại sau khi làm mới trang.

Lỗi Mozilla # 654072 # 793
Firefox

focuscác sự kiện không nên được bắn vào documentđối tượng

Lỗi Mozilla # 1228802 # 18365
Firefox

Bảng nổi rộng không quấn vào dòng mới

Lỗi Mozilla # 1277782 # 19839
Firefox

Chuột đôi khi không nằm trong phần tử cho mục đích mouseenter/ mouseleavekhi nó nằm trong phần tử SVG

Lỗi Mozilla # 577785 # 19670
Firefox

Bố cục có ngắt cột nổi khi in

Lỗi Mozilla # 1315994 # 21092
Firefox (Windows)

Đường viền bên phải của <select>menu đôi khi bị thiếu khi màn hình được đặt ở độ phân giải không bình thường

Lỗi Mozilla # 545685 # 15990
Firefox (macOS và Linux)

Tiện ích con huy hiệu làm cho đường viền dưới cùng của tiện ích con Tab không trùng lặp một cách bất ngờ

Lỗi Mozilla # 1259972 # 19626
Chrome (macOS)

Nhấp vào <input type="number">nút tăng trên sẽ làm nhấp nháy nút giảm.

Sự cố Chromium # 419108 Vi phạm # 8350 & sự cố Chromium # 337668
Trình duyệt Chrome

Hoạt ảnh tuyến tính vô hạn CSS với độ trong suốt alpha làm rò rỉ bộ nhớ.

Sự cố Chromium # 429375 # 14409
Trình duyệt Chrome

table-cellbiên giới không chồng chéo mặc dùmargin-right: -1px

Sự cố Chromium # 749848 # 17438 , # 14237
Trình duyệt Chrome

Không gây :hoverdính trên các trang web thân thiện với cảm ứng

Sự cố Chromium # 370155 # 12832
Trình duyệt Chrome

position: absolutephần tử rộng hơn cột của nó được cắt không chính xác vào ranh giới cột

Sự cố Chromium # 269061 # 20161
Trình duyệt Chrome

Hiệu suất đáng kể đạt được đối với SVG động với văn bản tùy thuộc vào số lượng phông chữ trong đó font-family.

Sự cố Chromium # 781344 # 24673
Cuộc đi săn

remcác đơn vị trong truy vấn phương tiện phải được tính toán bằng cách sử dụng font-size: initial, không phải của phần tử gốcfont-size

Lỗi WebKit # 156684 # 17403
Cuộc đi săn

Liên kết đến vùng chứa có id và tabindex dẫn đến vùng chứa bị VoiceOver bỏ qua (ảnh hưởng đến các liên kết bỏ qua)

Lỗi WebKit # 163658 # 20732
Cuộc đi săn

Các tính năng CSS min-widthmax-widthphương tiện không được làm tròn pixel phân số

Lỗi WebKit # 178261 # 25166
Safari (macOS)

px, emremtất cả phải hoạt động giống nhau trong các truy vấn phương tiện khi áp dụng thu phóng trang

Lỗi WebKit # 156687 # 17403
Safari (macOS)

Hành vi nút kỳ lạ với một số <input type="number">yếu tố.

Lỗi WebKit # 137269 , Apple Safari Radar # 18834768 # 8350 , Chuẩn hóa # 283 , Sự cố Chromium # 337668
Safari (macOS)

Kích thước phông chữ nhỏ khi in trang web có chiều rộng cố định .container.

Lỗi WebKit # 138192 , Apple Safari Radar # 19435018 # 14868
Safari (iOS)

transform: translate3d(0,0,0);lỗi kết xuất.

Lỗi WebKit # 138162 , Apple Safari Radar # 18804973 # 14603
Safari (iOS)

Con trỏ của mục nhập văn bản không di chuyển khi cuộn trang.

Lỗi WebKit # 138201 , Apple Safari Radar # 18819624 # 14708
Safari (iOS)

Không thể di chuyển con trỏ đến đầu văn bản sau khi nhập chuỗi văn bản dài vào<input type="text">

Lỗi WebKit # 148061 , Apple Safari Radar # 22299624 # 16988
Safari (iOS)

display: blockkhiến văn bản của thời gian <input>bị lệch theo chiều dọc

Lỗi WebKit # 139848 , Apple Safari Radar # 19434878 # 11266 , # 13098
Safari (iOS)

Nhấn vào <body>không kích hoạt clicksự kiện

Lỗi WebKit # 151933 # 16028
Safari (iOS)

position:fixedđược định vị không chính xác khi thanh tab hiển thị trên iPhone 6S + Safari

Lỗi WebKit # 153056 # 18859
Safari (iOS)

Nhấn vào <input>một phần tử bên trong position:fixedsẽ cuộn lên đầu trang

Lỗi WebKit # 153224 , Apple Safari Radar # 24235301 # 17497
Safari (iOS)

<body>với overflow:hiddenCSS có thể cuộn trên iOS

Lỗi WebKit # 153852 # 14839
Safari (iOS)

Cử chỉ cuộn trong trường văn bản trong position:fixedphần tử đôi khi cuộn <body>thay vì tổ tiên có thể cuộn

Lỗi WebKit # 153856 # 14839
Safari (iOS)

Phương thức với -webkit-overflow-scrolling: touchkhông thể cuộn được sau khi văn bản được thêm vào làm cho nó cao hơn

Lỗi WebKit # 158342 # 17695
Safari (iOS)

Không gây :hoverdính trên các trang web thân thiện với cảm ứng

Lỗi WebKit # 158517 # 12832
Safari (iOS)

Phần tử sẽ position:fixedbiến mất sau khi mở <select>menu

Lỗi WebKit # 162362 # 20759
Safari (iPad Pro)

Kết xuất các hậu duệ của position: fixedphần tử được cắt bớt trên iPad Pro ở hướng ngang

Lỗi WebKit # 152637 , Apple Safari Radar # 24030853 # 18738

Các tính năng mong muốn nhất

Có một số tính năng được chỉ định trong các tiêu chuẩn Web sẽ cho phép chúng tôi làm cho Bootstrap mạnh mẽ hơn, thanh lịch hơn hoặc hiệu quả hơn, nhưng vẫn chưa được triển khai trong một số trình duyệt nhất định, do đó ngăn chúng tôi tận dụng chúng.

Chúng tôi liệt kê công khai các yêu cầu tính năng “được mong muốn nhất” này tại đây, với hy vọng đẩy nhanh quá trình triển khai chúng.

(Các) trình duyệt Tóm tắt tính năng (Các) vấn đề ngược dòng (Các) vấn đề về Bootstrap
Bờ rìa

Các phần tử có thể lấy tiêu điểm sẽ kích hoạt sự kiện / nhận tiêu điểm: tạo kiểu tiêu điểm khi chúng nhận được tiêu điểm Trình tường thuật / trợ năng

Ý tưởng về người dùng Microsoft A11y UserVoice # 16717318 # 20732
Bờ rìa

Triển khai lớp :dir()giả từ Bộ chọn Cấp 4

Ý tưởng Edge UserVoice # 12299532 # 19984
Bờ rìa

Triển khai phần tử HTML5<dialog>

Edge UserVoice idea # 6508895 # 20175
Bờ rìa

Kích hoạt transitioncancelsự kiện khi quá trình chuyển đổi CSS bị hủy

Edge UserVoice ý tưởng # 15939898 # 20618
Bờ rìa

Triển khai of <selector-list>mệnh đề của lớp :nth-child()giả

Edge UserVoice idea # 15944476 # 20143
Firefox

Triển khai of <selector-list>mệnh đề của lớp :nth-child()giả

Lỗi Mozilla # 854148 # 20143
Firefox

Triển khai phần tử HTML5<dialog>

Lỗi Mozilla # 840640 # 20175
Firefox

Khi tiêu điểm ảo nằm trên một nút hoặc liên kết, hãy kích hoạt tiêu điểm thực tế trên phần tử

Lỗi Mozilla # 1000082 # 20732
Trình duyệt Chrome

Kích hoạt transitioncancelsự kiện khi quá trình chuyển đổi CSS bị hủy

Sự cố Chromium # 642487 Sự cố Chromium # 437860
Trình duyệt Chrome

Triển khai of <selector-list>mệnh đề của lớp :nth-child()giả

Sự cố Chromium # 304163 # 20143
Trình duyệt Chrome

Triển khai lớp :dir()giả từ Bộ chọn Cấp 4

Sự cố Chromium # 576815 # 19984
Cuộc đi săn

Kích hoạt transitioncancelsự kiện khi quá trình chuyển đổi CSS bị hủy

Lỗi WebKit # 161535 # 20618
Cuộc đi săn

Triển khai lớp :dir()giả từ Bộ chọn Cấp 4

Lỗi WebKit # 64861 # 19984
Cuộc đi săn

Triển khai phần tử HTML5<dialog>

Lỗi WebKit # 84635 # 20175