如何添加rtl支持角度选择

时间:2015-02-07 09:45:44

标签: html css angularjs jquery-chosen angular-chosen

我正在使用角度选择(source),我正在尝试添加rtl支持,这是我的演示。我读过这个,但它不起作用。

问题是当点击选择列表后,正文有dir =“rtl”属性,页面得到水平滚动。

 <select class="chzn-rtl" chosen disable-search="false"
  no-results-text="'Tough luck'"
  ng-model="bar">
    <option>Hi</option>
    <option>This is fun</option>
    <option>I like Chosen so much</option>
    <option>I also like bunny rabbits</option>
    <option value=""></option>
  </select>

Demo

1 个答案:

答案 0 :(得分:0)

这种情况正在发生,因为chosen下拉永远不会接近&amp; 在启动时,它会在滚动条结束的位置最左边。

<强> CSS

.chosen-container{
  .position: fixed;
  z-index: 99;
}

添加你的风格将解决这个问题。我没有找到任何好的解决方案。这是一些hacky方式,但我找到了这个工作。

Working Plunkr

感谢。