Tôi không reproduce được lỗi này. Tôi set up và chạy thử một phiên bản DEV thì thấy chữ không còn bị lấp nữa, như hình bên dưới.

Phiên bản DEV của tôi chạy Django version 3.1.2. Tôi không rõ bản Production hiện giờ chạy phiên bản Django bao nhiêu.

Bạn coi trên browser nào mà bị tình trạng này? Tôi coi trên Chrome và Safari đều thấy ổn.

Tôi thấy vấn đề này trên phiên bản production, kể cả trên Chrome: https://cuuhomientrung.info/admin/app/hodan/2970/change/?_changelist_filters=status__id__exact=3.

Nhưng xin nhắc lại là khi tôi chạy DEV trên máy của tôi thì lại không thấy.

Em chạy trên Chrome và IE đều bị ạ

Có lẽ hiện giờ phiên bản production có gì đó khác với bản DEV được build từ mã nguồn. Chỗ này cần phải có ý kiến của các bạn đang quản lý production mới biết được tại sao.

Hi, nếu tắt CSS max-width cho .field-status select này thì sẽ giải quyết được ạ. Vấn đề do file custom.css.

@vuongggggg nếu tắt cái này thì các column trong table ở /hodan sẽ bị to ra.

Proposed solution: Thêm select .filter-status k giới hạn max width.

@vuongggggg @thaidn @dothanhlam97 . Theo em thấy thì cái đoạn CSS gây ra cái việc này là cái max-width mà a @vuongggggg và @dothanhlam97 đã ghi chú ở trên.
Nếu em ko nhầm thì có một version cũ của trang https://cuuhomientrung.info/admin/app/hodan/ cho phép chỉnh sửa trực tiếp trên cái table/grid hộ dân (trông nó như này - em chụp từ cái video :D):

Lên phiên bản hiện tại thì ko còn việc đó nữa.

Nên là cái CSS này ko cần nữa.
@dothanhlam97 Anh thấy là cái file css này nó outdate lắm. Có cách nào update nó, xóa cái đoạn css select phía trên đi. Và đặt cái max-height vào cái grid như yêu cầu từ bên các bạn tình nguyện viên được ko? - Cái này phải hỏi các bạn BE sao cái CSS nó lại outdate như vậy.

Em cũng đang tìm nguyên nhân sao cái css nó out of date merge các nguồn file css lại.

@dothanhlam97 có cập nhật gì không ạ?