Khi hướng trang được đặt thành 'rtl; nó tạo ra cuộn ngang. Tôi đã sử dụng plugin đã chọn. nó tạo ra không mong muốn "trái: -9999px;" cho lớp div "đã chọn-thả". hãy giúp tôi giải quyết vấn đề này.chọn hướng rtl cuộn ngang Số phát hành
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: 9999px;
z-index: 1010;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-top: 0;
background: #d1d0d0;
}
Tìm và Thay đổi này với tập tin "chosen.css" của bạn. Tuy nhiên "còn lại: -9999px;" nên được thay đổi thành "left: 9999px;"
cảm ơn. điều này làm việc cho tôi. – Mahesh
Đảm bảo rằng khi trang của bạn là RTL, bạn cũng định cấu hình các lựa chọn đã chọn là RTL. Như đã đề cập trong https://harvesthq.github.io/chosen/ Hãy thử
<select class="chosen-select chosen-rtl">
Nếu tất cả Selects bạn đang rtl bạn có thể có thể thêm chosen-rtl để tất cả chúng trước khi gọi chosen làm như:
$('select:visible').addClass("chosen-rtl");
$('select:visible').chosen();
Nó là tốt hơn nhiều so với tinh chỉnh css thành phần;)
cảm ơn. nhưng điều này không giải quyết được vấn đề của tôi. – Mahesh
Tôi có chính xác cùng một vấn đề và điều này làm việc cho tôi, bạn cần phải cấu hình được chọn để làm việc trong chế độ rtl. Tôi đã xem xét mã của bạn, vui lòng thêm 'select-rtl' vào lựa chọn của bạn và kiểm tra lại –
Thay đổi số left:-9000 thành display:none trong chosen.css và jquery.chosen.j s. Đây là một vấn đề đã biết với Chosen. Nó hoạt động tốt cho tôi.
Xin hãy chia sẻ mã của bạn. – Tushar
mã ở đâu ?? –
Tôi đã thêm "direction: rtl;" vào thẻ body và html. sau đó nó tạo ra cuộn ngang – Mahesh