html - 如何为选择的角度添加 rtl 支持

Question

我正在使用带有选择（源）的角度，并且我正在尝试添加 rtl 支持，这是我的演示。我读过这个，但它不起作用。

问题是当 body 在单击选择列表后具有 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>

演示

Answer 1

发生这种情况是因为chosen下拉菜单永远不会关闭，并且在启动时它位于滚动条结束的最左边。

CSS

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

在您的样式中添加将解决此问题。我还没有找到任何好的解决方法。这是一些hacky方式，但我发现了这个解决方法。

工作Plunkr

谢谢。