Khi tôi đặt autofocus="autofocus" trên phần tử nhập, sau đó trong Firefox, khi trang tải, nó sẽ hiển thị một giây mà không áp dụng CSS. (Ví dụ: nội dung không được căn giữa, tiêu đề được hiển thị bằng phông chữ mặc định, v.v.)HTML 5 Tự động lấy nét làm lộn xộn khi tải CSS
Nếu tôi xóa lấy nét tự động, trang tải tốt và hiển thị khi đã sẵn sàng.
Có cách nào để tải trang bình thường khi sử dụng tính năng autofocus trong Firefox không?
Tôi nhận thấy rằng bằng cách thêm một số mã JavaScript vào <head>, trang chờ kiểu tải trước khi lấy tiêu điểm.
Tôi không chắc chắn lý do tại sao tính năng này hoạt động nhưng nó hoạt động!
Ví dụ:
<script type="text/javascript">
// Fix for Firefox autofocus CSS bug
// See: http://stackoverflow.com/questions/18943276/html-5-autofocus-messes-up-css-loading/18945951#18945951
</script>
sửa chữa công trình này! Cảm ơn nhiều. –
Điều này có tác dụng vì nó chặn trình duyệt và có vẻ như việc chặn ngắn này đủ để Firefox bố trí chính xác trang trong nền. – Fleshgrinder
Dường như lỗi này đã được sửa chữa rất gần đây và sẽ hạ cánh trong FF 60: https://bugzilla.mozilla.org/show_bug.cgi?id=712130 – Niavlys
này dường như là một lỗi trong Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=712130 – tw16