【问题标题】:How to add rtl support to angular chosen如何为选择的角度添加 rtl 支持
【发布时间】:2015-02-07 09:45:44
【问题描述】:

我正在使用带有选择的角度 (source),并且我正在尝试添加 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>

Demo

【问题讨论】:

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


    【解决方案1】:

    发生这种情况是因为chosen 下拉菜单永远不会关闭 & 在启动时,它会走到滚动条结束的最左边。

    CSS

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

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

    Working Plunkr

    谢谢。

    【讨论】:

      猜你喜欢
      • 2019-10-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-08-18
      • 1970-01-01
      • 2020-10-06
      • 1970-01-01
      相关资源
      最近更新 更多