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 `title`hiể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 ở `:hover`trạ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-color`phần tử mẹ.	Vấn đề cạnh # 3342037	# 16671
Bờ rìa	`background`củ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	`@-ms-viewport{width: device-width;}`có tác dụng phụ là làm cho thanh cuộn tự động ẩn	Vấn đề cạnh # 7165383	# 18543
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	`mouseleave`Di 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-bordered`vớ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	`focus`cá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`/ `mouseleave`khi 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 (OS X & 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 (Android)	Nhấn vào một `<input>`trong một lớp phủ có thể cuộn không cuộn `<input>`vào chế độ xem	Sự cố Chromium # 595210	# 17338
Chrome (OS X)	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-cell`biê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	Nhấp vào thanh cuộn `<select multiple>`với các tùy chọn bị tràn sẽ chọn gần đó`<option>`	Sự cố Chromium # 597642	# 19810
Trình duyệt Chrome	Không gây `:hover`dí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: absolute`phầ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
Chrome (Windows và Linux)	Hoạt ảnh bị trục trặc khi quay lại tab không hoạt động sau khi hoạt ảnh xảy ra trong khi tab bị ẩn.	Sự cố Chromium # 449180	# 15298
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	`rem`cá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ốc`font-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-width`và `max-width`phương tiện không được làm tròn pixel phân số	Lỗi WebKit # 178261	# 25166
Safari (OS X)	`px`, `em`và `rem`tấ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 (OS X)	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 (OS X)	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: block`khiế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 `click`sự 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:fixed`sẽ cuộn lên đầu trang	Lỗi WebKit # 153224 , Apple Safari Radar # 24235301	# 17497
Safari (iOS)	`<body>`với `overflow:hidden`CSS 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:fixed`phầ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: touch`khô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 `:hover`dí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:fixed`biế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: fixed`phầ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 `transitioncancel`sự 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 `transitioncancel`sự 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 `transitioncancel`sự 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