"Cái gì đó" đang phá vỡ hộp thoại jqueryui này. Nó là gì?

Question

Tôi không có ý nói mơ hồ, nhưng tôi không chắc chuyện gì đang diễn ra.

Mã này hoạt động:

this.J.button_update.click(function() { 
    self.J.dialog_hold.dialog({ 
     resizable: false, 
     modal: true, 
     width: 305, 
     height: 360 
    }); 
}); 

Nó tạo:

Như bạn có thể thấy có rất nhiều phòng trên biên giới đúng. Những gì bạn có thể không nhận thấy là tất cả nội dung của tôi bị mất tập trung khoảng 5px. Để khắc phục điều này, tôi nghĩ rằng tôi sẽ chỉ giảm chiều rộng hộp thoại jquery 5px như vậy:

 width: 300, // decreased by 5 

Tuy nhiên điều này sẽ làm gián đoạn hộp thoại vì lý do nào đó. Nó tạo ra điều này:

Làm cách nào để khắc phục sự cố thêm?

Một fiddle về vấn đề này đã được quy định dưới đây:

Answer 1

Go sang chế độ nhà phát triển trong firefox và kiểm tra các yếu tố từng người một cho chiều rộng của nó và properties..It khác sẽ giúp bạn trong việc tìm kiếm các vấn đề ..

Answer 2

Nó chỉ ra rằng phần tử file_input không được phát hiện bởi thanh tra yếu tố trình duyệt cho Firefox. Không chắc chắn lý do tại sao. Bởi vì độ mờ được đặt thành 0 nó không thể nhìn thấy được. Yếu tố phức tạp là nó không thể được kiểm tra. Hoặc chính xác hơn chỉ một phần của phần tử là có thể kiểm tra được. Tôi tìm thấy điều này bằng cách loại bỏ các phần tử cho đến khi hộp thoại trở thành "không gián đoạn". Sau đó, tôi chuyển opacity lên cho yếu tố này để thấy rằng nó đã phá vỡ hộp thoại.

Điều này một số quy trình dài có thể đã được rút ngắn nếu thanh tra DOM đã phát hiện ra yếu tố vi phạm.

Tôi sẽ gửi tệp này dưới dạng lỗi chống lại trình kiểm tra DOM vì nó chỉ đánh dấu phần đầu vào tệp mặc dù nó phát hiện phần khác của tệp. Rất gây hiểu nhầm.