Когда направление страницы установлено на 'rtl; он создает горизонтальную прокрутку. Я использовал выбранный плагин. он создает нежелательные «left: -9999px;» для класса «selected-drop». пожалуйста, помогите мне решить эту проблему.выбранное направление rtl horizontal scroll issue
.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;
}
Найти и изменить это с помощью файла "chosen.css". Однако «осталось: -9999px;» следует изменить на «left: 9999px;»
спасибо. это сработало для меня. – Mahesh
Убедитесь, что, когда ваша страница RTL, вы также можете настроить выбранные вами выборки как RTL. Как уже упоминалось в https://harvesthq.github.io/chosen/ Попробуйте
<select class="chosen-select chosen-rtl">
Если все выбирает являются РТЛ вы можете добавить chosen-rtl к ним все перед вызовом chosen сделать так:
$('select:visible').addClass("chosen-rtl");
$('select:visible').chosen();
Это намного лучше, чем настройки компонента CSS;)
спасибо. но это не решает мою проблему. – Mahesh
У меня точно такая же проблема, и это сработало для меня, вам нужно настроить выбранную для работы в режиме rtl. Я просмотрел ваш код, добавьте 'selected-rtl' в свой выбор и снова проверьте –
Измените left:-9000 на display:none в chosen.css и jquery.chosen.j s. Это известная проблема с Chosen. Это хорошо работает для меня.
Пожалуйста, поделитесь своим кодом. – Tushar
где код ??? –
Я добавил «direction: rtl;» в теги и теги html. то он создает горизонтальную прокрутку – Mahesh