画面が小さすぎる場合にドロップダウンボックスを左に開くjsfiddleの例を見ました：
$(document).ready(function() {
$("#e1").select2({dropdownCssClass : 'bigdrop'});
});#e1 {
width: 100px;
}
.bigdrop{
width: 600px !important;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/select2/3.3.2/select2.js"></script>
<link href="http://cdn.jsdelivr.net/select2/3.3.2/select2.css" rel="stylesheet"/>
<body>
<select id="e1">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
<option value="WY">very long long long text</option>
<option value="WY">very long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long text</option>
</select>
</body>元のスニペットはこちら:
select2 4.0 フルバージョンを使用していますが、同じ動作をしたいと考えています。さらに、ドロップダウン ボックスも常に左に開くようにしたいのですが、コードは同じですが、ライブラリのバージョンが異なるため、それを実現できません。
ここで質問を検索して読みましたが、ページが小さすぎるときにドロップダウンがドロップアップに切り替わらないようにする方法しか見つかりませんでした。それは私が探しているものではありません.
どうすればこれを達成できますか？