chosen 🚀 - 選択されたものは、「オーバーフロー：非表示」の領域に配置されると「カット」されます。

これは問題＃59と同じです

reconbot 2011年07月27日

コンテナ要素は「オーバーフロー：非表示」であるため、これは避けられないことではありません。これがCSSの動作方法です。これを回避する唯一の方法は、ドロップダウンをコンテナの外側にレンダリングしてから、絶対位置を使用することです。

dfischer 2011年07月28日

ええ、私はdfischerに同意します。選択された問題のようには見えません。定義上、overflowプロパティは、コンテンツが要素の境界をオーバーフローした場合に何が起こるかを指定します。 _オーバーフロー_を非表示にしたくない場合は、そのプロパティを変更します。

johnnyfreeman 2011年07月28日

👍1

確かに、これはダイアログボックスの一般的な使用例だと思います。（特にjqueryダイアログ）

reconbot 2011年07月28日

👍1

これは一般的な使用例ですが、前述のように、このチケットに基づいています...これを実現するには、構造と実装全体を変更する必要があります。

これを行うには、コンテナの外側にレンダリングしてから、jQuery / JSマジックを使用してトリガーに対する相対的な位置を把握する必要があります。

jQuery Dialogのケースはコンテナ要素に依存しないため、ダイアログの中心の寸法と幅に基づいた配置を使用します。

dfischer 2011年07月28日

これはCSSの問題であり、選択された問題ではありません。オーバーフローを入れないでください：コンテナに隠されています。それがあなたがしていることであるならば、あなたはその下のフロートをクリアするために別のテクニックを使わなければならないでしょう。

dfischer 2011年07月28日

👍2

私はちょうどあなたが探していることをするだろうと思ういくつかのコードを書きました：

$ .fn.extend（{
選択：関数（データ、オプション）{
if（$（this）.parent（）。css（ "overflow"）== "hidden"）{
//親と子の間のオフセットを取得して差分を計算します
//絶対にプッシュするとき
var y = $（this）.offset（）。top-$（this）.parent（）。offset（）。top、
x = $（this）.offset（）。left-$（this）.parent（）。offset（）。left、
$ t1 = $（ "<div />"、{
css：{
「位置」：「相対」、
"高さ"：$（this）.parent（）。height、
"幅"：$（this）.parent（）。width
}
}）、
$ t2 = $（ "<div />"、{
css：{
「位置」：「絶対」、
「トップ」：y、
「左」：x
}
}）;
$ t1.insertBefore（$（this）.parent（））;
$（this）.parent（）。appendTo（$ t1）;
$ t2.appendTo（$ t1）;
$（this）.appendTo（$ t2）;
}
$（this）.each（function（input_field）{を返す
if（！（$（this））。hasClass（ "chzn-done"））{
新しいChosen（this、data、options）;を返します。
}
}）;
}
}）;

（ところで、私は今日の時点でgithubを初めて使用するので、コードを投稿する必要がある別の場所がある場合はお知らせください）

そのコードは効果的に次のことを行います。

選択ボックスと親の間のオフセットを計算します。
オーバーフローを非表示にして相対に設定したものと同じディメンションで親divを作成します。
手順1のxオフセットとyオフセットを使用して、要素を絶対値として作成する選択ボックスの親を作成します。
選択の親の前に新しい親を挿入し、新しい親の中にオーバーフローdivを追加し、マスターの親の中にその新しい選択の親を追加し、新しい子の親に選択を追加します。

medelbrock 2011年07月28日

興味深いアイデアのマシューですが、jQuery-UIダイアログでは機能しないと思いますか？

ドロップダウン要素（.chzn-drop）を.chzn-containerからドキュメント本体まで引き出す必要がある可能性が高くなります。

tompaton 2011年07月29日

ページにスタイルを追加するだけで、答えは「はい」です。

.ui-dialog { overflow：visible; }

medelbrock 2011年07月29日

👎37 👍1

（tdやテーブルではなく）divを列として使用してページを作成しているため、機能しません。
「 overflow：hidden 」を使用して、暴走したコンテンツが隣接するdivを台無しにするのを防ぎます。

多くの方が同じ構造を使用していると思います。

ethaniel 2011年07月29日

ダイアログがoverflow：autoに設定されているため、これは機能しません。
必要に応じてスクロールバーを用意します。

2011年7月29日金曜日午後11時47分、エサニエル
[email protected]
書きました：

（tdやテーブルではなく）divを列として使用してページを作成しているため、機能しません。
「 overflow：hidden 」を使用して、暴走したコンテンツが隣接するdivを台無しにするのを防ぎます。
多くの方が同じ構造を使用していると思います。
このメールに直接返信するか、GitHubで表示してください。
https://github.com/harvesthq/chosen/issues/86#issuecomment -1681303

tompaton 2011年07月29日

この会話に入る前に、私が行ったことは理論的な修正です。すべてのシナリオに適用できるわけではありません。必要なのは、それを台無しにするためのカウンター属性を持つ1つの要素だけだからです。オーバーフローが表示されている上記のソリューションは、ダイアログオプションresizable：falseでのみ機能し

medelbrock 2011年07月29日

わかりました。これが問題を明確にするスクリーンショットの束です。

http://i.imgur.com/9ZY9O.png
http://i.imgur.com/c2PLo.png
http://i.imgur.com/1oqZ7.png
http://i.imgur.com/ZBrQj.png

スクリーンショット1と2は、その動作を示しています。十分なスペースがありません。
ダイアログの「内部」にあるドロップダウンは、スクロールして非表示になります。
結果。これは使用するのが非常に不格好で醜いですが、組み込みの方法ではありません
選択コントロールは機能します（コンテンツの上部に表示されます。
それらがどれだけ深く、またはそれがオーバーフロースタイルであるか。）

スクリーンショット3と4は、私の現在の回避策を示しています。
ドロップダウンの下のスペースのヒープ。これも醜くて形になります
使いにくい。

したがって、要約すると、本当のポイントは、ネイティブの選択コントロールはそうではないということです
親コンテナに制限され、可能であれば、選択された
強化された選択コントロールは、次のように設計されているため、どちらでもないはずです。
ネイティブコントロールのドロップイン置換。

tompaton 2011年07月29日

これは理論的には実行できますが、選択したプラグインによって完全に異なる構築/配置システムが必要になります。この変更は広範囲に及ぶため、現在のプラグインを約30％書き直す必要があります。これはバグではなく機能のリクエストだと思います。すべてのブラウザには、select要素のデフォルトのレンダリングがあります。Chosenはdivを使用してそれを複製しますが、select要素のようには扱われません。

medelbrock 2011年07月29日

私が言ったように、これを行う唯一の方法は、トリガーされた要素の外側に絶対配置することです。他に方法はありません。 @medelbrockで修正

dfischer 2011年07月29日

ブラウザウィジェットのように動作することを選択したのは非常に良いことですが、これはバグではなく機能と見なされるべきであることに同意します。現在、最大の高さを設定できますか？

reconbot 2011年07月30日

@veloper ：私は（できる限り）それをdiv.chzn-dropはまだダイアログに含まれているため、どのように機能するかわかりません。絶対に配置されているかどうかに関係なく、クリップされます。

それを止める唯一の方法は、ダイアログからdiv.chzn-drop引き出して、それを<body>子にすることですが、誰もが指摘しているように、それは誰よりも大きな変化です。手を汚そうとして喜んでいます。

tompaton 2011年08月02日

残念ながら、 overflow:visibleはできません。必要に応じて、ダイアログをスクロール可能にする必要があります。

tompaton 2011年08月05日

👍5

ドロップダウンの位置を絶対に設定し、ドロップダウンの設定を表示するたびにその位置を設定することで、問題を解決したと思います。
例：変更（JavaScriptの編集）

this.dropdown.css({
    "top": dd_top + "px",
    "left": 0
});

に

var parent = this.dropdown.parent();
var offset = parent.offset();
dd_top = offset.top + parent.outerHeight();
dd_width = parent.width();
this.dropdown.css({
    "top": dd_top + "px",
    "left": offset.left,
    "width": dd_width + "px"
});

chris-herring 2011年08月15日

👍1

Wijmo / jQuery UIダイアログ内でChosenを機能させようとしているときに、自分でこの問題に遭遇しています。私はここで私のリーグから離れているかもしれませんが、「ドロップダウン」部分を非表示にしたときに「display：none」を設定し、表示されたときに「display：block」を表示するというかなり簡単な修正はありませんか？ドロップダウンが開いているときでもスクロールバーが発生しますが、スクロールバーが常に存在するよりもおそらく優れています。

Polemarchus 2011年08月19日

👍1

修正（Chrome 13、Firefox 7、IE 9でテスト済み）：

selected.css：

.chzn-コンテナ.chzn-ドロップ{
位置：固定;
}

およびChosen.prototype.results_show

var offset = this.container.offset（）;
this.dropdown.css（{
"top" ：（ offset.top + dd_top）+ "px"、
"左"：offset.left + "px"、
"表示ブロック"
}）;

http://img30.imageshack.us/img30/4094/chosen3.png

levushka 2011年09月05日

それはものです、良い考え@levushka。私のブランチで解決されました： https ：

tompaton 2011年09月05日

わかりました、それはそれより少し複雑です。ページがスクロールされた場合、上記の修正は機能しませんでした。

リポジトリを修正したチェンジセットで更新しました。ドロップダウンは正しく配置されていますが、ドロップダウンが表示されているときにページをスクロールすると、期待どおりに移動しません。それは迷惑ですが、ショーストッパーではありません。

tompaton 2011年09月06日

iOS 5はこれを解決する可能性がありますが、iOSは現在positionをサポートしていません。デスクトップブラウザと同じ方法で修正されています。選択されたものはデスクトップ上でひどく動作しますが、これは不十分に設計されたモバイルブラウザでの使用を制限する可能性があります...

私はここでAppleを選んでいるだけでなく、古いバージョンのAndroidもpositionのサポートを欠いています：修正されました。

jokeyrhyme 2011年09月07日

jQuery 1.7（まだリリースされていませんが、リリース候補）の時点で、CSS PositionFixedサポートのテストが組み込まれています。
http://bugs.jquery.com/ticket/6809

jQuery 1.7を検出してその結果を使用するか、コードをコピーして別の結果を取得する価値があるかもしれません。

jokeyrhyme 2011年10月02日

ボディ要素の終わりの位置に+1。

jqueryウィジェットの「オートコンプリート」を確認してください。その問題のかなり良い解決策：

http://jqueryui.com/demos/autocomplete/

ちなみに素晴らしいプラグイン。

fluxsaas 2011年11月09日

私は主にウェブキットブラウザでこの問題を抱えていました。 IEは選択したものと同じように精神的になるので、ieの場合は無効にしました。 jqueryを使用して、ブラウザーがWebkitのものであるかどうかを確認し、次のように選択したものを含むdivのオーバーフローを調整します。

if($.browser.webkit) $(this).css("overflow",($(this).is(":visible"))?"visible":"hidden");

ここで、これは選択されたものを含むdivです。

frostyoni 2011年12月08日

+1 @levushkaと@tompaton完璧ではありませんが、十分です。かろうじて：）

JonoB 2012年03月07日

@levushkaソリューションは素晴らしいですが、グローバルです...したがって、window.topで下にスクロールしてクリックすると、間違った位置にロールダウンします。だからここに通常のページとポップアップウィンドウの解決策があります

Chosen.prototype.results_showで

交換：

  this.dropdown.css({
    "top": dd_top + "px",
    "left": 0
  });

と：

if($('.popup').length!=0) {

  var offset = this.container.offset();
  this.dropdown.css({
    "top": (offset.top+dd_top) + "px",
    "left": offset.left + "px",
    "display": "block"
  });

} else {

  this.dropdown.css({
    "top": dd_top + "px",
    "left": 0
  });

}

CSS：

   .popup .chzn-container .chzn-drop { position:fixed; }

jQuery UIなどを使用している場合は、z-indexで問題が発生する可能性があるため、選択したz-indexをより高い値に設定します（jQuery UIは1010以降）

今ではFFで動作しており、Chromeの場合は次のものが必要です。

     .popup { overflow-x:visible; overflow-y:visible; }

恋人の要素は低すぎる可能性があり非表示になります。

Evandar276 2012年03月29日

本体にドロップダウンをレンダリングし、Jquery UIの位置関数を使用してボックスを配置してみませんか？ http://jqueryui.com/demos/position/。これは、多くのjqueryuiウィジェットで使用される標準的な方法です。

$（ ".czn-drop"）。position（{
の：$（ "＃container"）、
私：「左上」、
で：「左下」、
}）;

pohnean 2012年04月22日

割り込んでしまったことをお許しください。選択したドロップダウンをjQueryUIダイアログに表示するのと同じ問題が発生しました。
私はオーバーフローで通常のものを試しましたが、これは私の他のダイアログを台無しにしました。

代わりに、ダイアログを固定の高さに設定し、選択したドロップダウンも固定の高さに設定しました。
cssの代わりにchooseのオプションからこれを行うオプションがあると便利です。

.chzn-drop {
オーバーフロー：自動;
最大高さ：75px;
}

多分これは他の誰かを助けます。

noir2501 2012年05月03日

かなりn00bish / RTFMの質問の言い訳-moiですが、ドロップダウンをコンテナの外にレンダリングするにはどうすればよいですか（たとえば、 body ）？今のところ、私の頭に浮かぶのは、プラグインをフォークして、そのコードをプラグインに押し込むことだけです。これを達成するためのよりエレガントな方法が必要です。

aL3xa 2012年05月06日

ドロップダウンが開いている/閉じているときに選択したイベントが発生しますか？もしそうなら、私は親divのオーバーフロー設定を表示に変更してから元に戻すことができます。私はそれを試してみました：

$(".chzn-drop").show(0, function () { 
   $(this).parents("div").css("overflow", "visible");
});

そして、ええ、それはうまくいきました。しかし、私が追加したとき：

$(".chzn-drop").hide(0, function () {
   $(this).parents("div").css("overflow", "");
});

それはもはや機能しませんでした。フォーム上にいくつかの選択されたコントロールがあるためだと思います。このコードをopen / closeイベント内に追加できれば、行きたい場所にたどり着くことができると思います。

PilotBob 2012年05月08日

元のselect要素でディスパッチされたliszt:showing_dropdownとliszt:hiding_dropdownを聞くことができます

stof 2012年05月08日

すばらしい...これで私の問題は解決しました：

$（ "。chzn-select"）。on（ " liszt：showing_dropdown "、function（）{
$（this）.parents（ "div"）。css（ "overflow"、 "visible"）;
}）;
$（ "。chzn-select"）。on（ " liszt：hiding_dropdown "、function（）{
$（this）.parents（ "div"）。css（ "overflow"、 ""）;
}）;

もちろん、すべてのレイアウトで機能するとは限りません。

ありがとう...ボブ

PilotBob 2012年05月08日

👍1

ドロップダウンを<body/>子にするコードをフォークしました。まだ十分にテストしていませんが、ここでは完全に機能しています-> https://github.com/gil/chosen

@tompaton、それがあなたの問題を解決するかどうかわかりますか？手動で位置を修正するには、スクロールを検出する必要があると思います。

gil 2012年05月15日

フォークは表示の問題を修正し、ページの下部でうまく機能し、表示される高さを適切な高さに制限しました。ただし、フォークは複数選択機能の動作を停止しました。

geoffweatherall 2012年05月16日

@geoffweatherall本当に？良い！：D複数選択の問題について、何が機能しなくなったのですか？ example.jquery.htmlファイルを試して、機能していないかどうか教えてください。私にとっては大丈夫のようです。

gil 2012年05月16日

はい、例は問題なく機能します（FF12）。

単一の選択例は、オーバーフローを使用する「パネル」が非表示になっているかなり単純なhtmlページにあります。ただし、複数選択の例は、colorbox（http://www.jacklmoore.com/colorbox）を使用して作成された「ダイアログ」にあります。理由は聞かないでください。プロジェクトは私が到着したときのようなものでした。それと関係があるのではないかと思いますので、調べてみます。

geoffweatherall 2012年05月16日

フォークは、カラーボックス（http://www.jacklmoore.com/colorbox）内にネストされていない複数選択を含む、アプリケーションの多くの場所でのカットオフの問題を修正します。カラーボックスの問題は選択のせいではないと思います。グレートフォーク:-)

geoffweatherall 2012年05月16日

実際、サンプルページ（example.jquery.html）に表示されるフォークに問題が見つかりました。複数選択コントロールの場合、コントロールをクリックしてオプションのリストを開き、上矢印キーと下矢印キーを使用してリストをナビゲートすると、オプションのリストが突然ページの上部に移動します。この問題は、単一選択では発生しません。 FF12、Chrome 18、IE8でテスト済み。

geoffweatherall 2012年05月16日

@geoffweatherallおそらく、

.chzn-drop {
    z-index: 999999 !important;
}

または、カラーボックスの不透明度を0.1に設定して、カラーボックスの下にドロップダウンが表示されるかどうかを確認してください。

もう1つの問題は、キーを使用して、いくつかの解決策を見つけようとします。現在作業中のプロジェクトでは複数選択を使用しなかったため、ほとんどテストしませんでした。単一選択オプションにさらに焦点を合わせました。

gil 2012年05月16日

わかりました。これを試してみましたが、ドロップダウンが表示されましたが、位置が間違っています。それらはテキストボックスの下にかなり下がっています。これがその振る舞いを示すジンです。 http://screencast.com/t/c4PCIHC176RX

PilotBob 2012年05月17日

こんにちはギル、

私はあなたのバージョンを試しました、そしてそれは働いています！どうもありがとう！
動作を停止した小さなものは1つだけです。それはdisable_search_thresholdオプションです。検索フィールドは消えません。

何かアイデアはありますか？

ありがとう！

pruimmartin 2012年05月26日

どうでも！しかし、私はそれを自分で修正することができました..多分あなたはコードでもそれを変更する必要があります：

変化する：

    if (this.form_field.options.length <= this.disable_search_threshold) {
      this.container.addClass("chzn-container-single-nosearch");
    } else {
      this.container.removeClass("chzn-container-single-nosearch");
    }

に

    if (this.form_field.options.length <= this.disable_search_threshold) {
      this.dropdown.addClass("chzn-container-single-nosearch");
    } else {
      this.dropdown.removeClass("chzn-container-single-nosearch");
    }

pruimmartin 2012年05月26日

このフォークの状態はどうですか？マスターにマージされていますか？それともまだテスト中ですか？

PilotBob 2012年06月06日

もう1つの問題..フォークは私にとってはうまくいくようですが、Firefoxではページの下部にドロップダウンdivが表示されます。左マイナスの位置では、表示領域から移動しないようです。おそらくそれは私が持っている他のいくつかのスタイルによるものかもしれません...考えました。何か案が？表示がnoneに設定されていないのはなぜですか？

PilotBob 2012年06月06日

私はずっと前に元の修正のためにプルリクエストをしましたが、それは
決して受け入れられませんでした（理由はわかりません）。

このスレッドで提案されている追加の調整がたくさんあります
それ以来、私はそれらのどれともまだ遊んでおらず、チェックもしていません
誰かがそれらを組み込んだフォークを持っているかどうかを確認します（ない場合）
1つは、誰かが作成する必要があります。ある場合は、それは良いことです。
あなたの質問に答えてください。）

2012年6月7日木曜日午前6時44分、ボブアーチャー
[email protected]
書きました：

もう1つの問題..フォークは私にとってはうまくいくようですが、Firefoxではページの下部にドロップダウンdivが表示されます。左マイナスの位置では、表示領域から移動しないようです。おそらくそれは私が持っている他のいくつかのスタイルによるものかもしれません...考えました。何か案が？表示がnoneに設定されていないのはなぜですか？
このメールに直接返信するか、GitHubで表示してください。
https://github.com/harvesthq/chosen/issues/86#issuecomment -6162299

tompaton 2012年06月07日

私はそれらをすべて試しましたが、非表示の複数のフィールドセットとスクロールする長いフォームがあるため、どれもうまくいきませんでした。したがって、私の解決策は、ドロップダウンを静的にして最初は非表示にし、開いたときに表示することでした。これにより、親コンテナーが拡張されます。これは、画面の一番下にある場合でも、私のすべてのフォームで機能します。

Chosen.prototype.results_show：

      this.dropdown.css({
        "top": dd_top + "px",
        "left": 0,
        "display": "block"
      });

Chosen.prototype.results_hide：

      this.dropdown.css({
        "left": "-9000px",
        "display": "none"
      });

selected.cssで：

.chzn-container .chzn-drop {
  position: static;
  display: none;
}

kaoskitn 2012年06月08日

@gil 、フォークをありがとうと言いたいのですが、このバグのために、プロジェクトでChosenを使用することを

正直なところ、収穫者がフローティングポップアップを制約されたコンテナにバインドすることに固有の欠陥を認識していないことに非常に驚いています。オーバーフロールールに関係なく、ウィジェットの周りで人々が何をしているのかわからない公共図書館にとっては、それは良い考えではありません。

Twipped 2012年06月19日

やあみんな！私のフォークがこの問題で何人かの人々を助けていることを知ってうれしいです... :)

彼らがコードを変更する予定なのか、ここで提案されているソリューションのいくつかとマージする予定なのかはわかりません。これがすべての場合に最適なソリューションであると想定できるかどうかはわかりません。テストを続けて、すべての変更を加えたプルリクエストを送信しましょう。

@geoffweatherallキーボードの問題を解決するのに役立つと思うコードを修正しました。うまくいくか教えてください！ ;）

@PilotBobあなたはまだそのexample.jquery.htmlをテストしましたが、問題ないようです。たぶん、あなたはあなたが見つけることができるすべてのleft:-9000pxをdisplay:none置き換えることを試みることができます。コードがよくわからないのですが、 display:blockをresults_show()に設定しているので、役立つかもしれません。

@pruimmartin修正していただきありがとうございます。返信に時間がかかりすぎて申し訳ありません。私はすでに私のコードの修正をマージしました！

gil 2012年07月02日

ギル-いいえ、それはもう起こっていないようです、そして私は何も変更しませんでした。私はそれを引き起こしていた他の場所でjsエラーがあったかもしれないと思います。しかし、私は選択に関して他の問題があり、それを別のものに置き換えることを検討しています。これは主に、マスターで行われている更新がないためです。

PilotBob 2012年07月02日

@PilotBob私はこのプロジェクトを検討しています： https ：
同じオーバーフローの問題がありますが、バージョン3で変更する予定だと思います。

gil 2012年07月02日

@ gil-ソリューションはうまく機能しますが、幅がli.search-field場合、 25px固定されたままになります。つまり、サンプルページを読み込むと、メニューはbody要素に美しく追加されますが、プレースホルダーテキストと入力は25px幅に制限されます。実際、 search_field_scaleメソッドはまったく存在しないようです。ここで何かが足りませんか？

rreusser 2012年07月05日

@rreusserメソッドsearch_field_scale 、複数選択と位置の正確な計算にのみ使用されていたため、削除しました。それはもうこのフォークには必要ありませんでした。どのブラウザ/バージョン/ OSをテストしていますか？私にとって、検索フィールドのサイズはexample.jquery.html正しいです。

gil 2012年07月05日

@rreusserねえ、ごめんなさい。今、私は何が悪いのかわかります。今日は後で修正しようと思います。

gil 2012年07月05日

問題ありません、@ gil！迅速な返信ありがとうございます！もう少し実験する必要がありますが、任意の要素にアタッチできるようにすることも役立つかもしれません。これも非常に簡単なことだと思います。スクロールするdiv内に選択ボックスがあります。ソリューションによってクリッピングが防止されますが、スクロールしてもメニューはdivとともに移動しません。必要なのはどこかに1つの追加のdivだけだと思いますが、これには多少の調整が必要です。

rreusser 2012年07月05日

@rreusserそのコミットを元に戻し、別の方法で修正しようとしていた問題を修正しました。もう一度やり直して、うまくいくかどうか教えていただけますか？

そして、別の要素にアタッチすることについて、私はそれを構成可能にすることを考えていました。しかし、少しの設定でスクロールの問題を解決できます。 <select />がスクロールdivの直接の子ではない場合は、次のことを試してください。

$(".your-select").chosen({
    overflow_container: $(".scrolling-div")
});

ただし、 <select />の親ノードが<div />場合、これは必要ありません。

gil 2012年07月06日

@gil 、このフォークはマスターにマージされますか？それともまだテスト中ですか？また、フォークのキーボードコントロールに問題があり、下矢印キーでresults_showメソッドまたはresults_toggleメソッドが起動されません。ありがとう：-）

myfriendtodd 2012年08月08日

@myfriendtoddまだわかりませんが、安定していると誰もが思ったらプルリクエストを送信できるかもしれません。しかし、それでももっとテストが必要だと思います。今週末、キーボードの問題を修正しようと思います。ありがとう！

gil 2012年08月25日

@myfriendtoddねえ、私はそれを修正したと思います。プロジェクトでテストしていただけませんか？ ;）

gil 2012年08月27日

ありがとう@gilはそれがどうなるかをあなたに知らせます。あなたのすべての協力に感謝します：-）

myfriendtodd 2012年08月27日

@gilフォークありがとうございます。修正は私にとって美しく機能しました-素晴らしいです！

ただし、私はKickstrapを使用して、TwitterBootstrapに合うようにChosenのスタイルを設定しています。これにより、この修正が非常にひどく壊れた状態で選択されます-ドロップダウンの内容はページの下部にスタイルなしで表示されます-https ： //skitch.com/dyad/euys2/login。私の知る限り、Kickstrapが行うのは、デフォルトの選択されたスタイルを上書きすることだけです。

スタイリングに加えられた変更のLESSファイルはhttps://github.com/ajkochanowicz/Kickstrap/blob/master/extras/chosen/chosen.lessにあります-修正が編集したことで、この理由を説明する明らかなものはありますか？起こっているのでしょうか？

本当にありがとうございます。

conatus 2012年09月12日

やあみんな、

ドロップダウンを本文に追加する代わりに、別のアプローチで新しいバージョンに取り組んでいます。このバージョンは非常にクリーンで、変更がそれほど大きくないため、多くのバグが減ることを願っています。試してみて、機能するかどうかを確認できますか？それは新しいブランチにあります：

https://github.com/gil/chosen/tree/new_version

@conatusこのバージョンも試してみませんか？ブランチ「master」の最後のバージョンでは、cssファイルに多くの変更が加えられましたが、このバージョンでは3行しか変更されていません。 Kickstrapの選択されたCSSでこれらを変更します。

4行目、「position：relative;」から変更「位置：静的;」に。
13行目が「position：absolute;」から変更されています。「位置：固定;」に。
128行目で、「left：-9000px;」の下に新しい行「display：none;」を挿入します。

これでうまくいくことを願っています！ ;）

gil 2012年09月14日

また、この新しいバージョンは、harvesthqのマスターブランチと同期しています！

gil 2012年09月14日

申し訳ありませんが、以前はフォローアップしていませんでしたが、プロジェクトの別の部分に取り掛かり、これはすぐに遠くに消えていきました。テストして、機会があればすぐにお知らせします。今後ともよろしくお願いいたします。

rreusser 2012年09月14日

@ gil-私はあなたのバージョンをテストしていますが、それはうまく機能しますが、小さな問題があります。選択したものが固定位置要素内に配置されている場合、ページをスクロールするとドロップダウンが移動します。これは実際にはjQueryオートコンプリートの問題でもあります。

私はこれに対して2つの可能な解決策しか考えられません：
1）選択した要素が固定位置の要素内に配置されている場合、ドロップダウンはchzn-container内に配置し、固定位置も指定する必要があります。上部の位置は、コンテナの固定位置によって計算する必要があります
2）スクロール中にドロップダウン位置を再計算します

ragulka 2012年09月17日

3番目のオプションは、選択が固定位置コンテナにあるときはいつでもドロップダウンを固定することです。

Twipped 2012年09月17日

@ragulka @ChiperSoft問題が発生しました...念のため、このjsfiddleは皆さんの言っていることを再現していますか？ http://jsfiddle.net/QY256/

私はそれについて何かをしようとします。 divだけをスクロールするとわかるように、スクロールの問題を処理するoverflow_containerという新しいオプションがあります。ただし、ここでの問題は、ウィンドウをスクロールすると、ウィンドウの位置が正しくなくなることです。

スクロールを処理すると他の小さな問題が発生するため（ <select />が半分しか表示されない場合など）、何かがスクロールするときにChosenを閉じることを考えていました。

gil 2012年09月18日

@ragulka @ChiperSoftまた、一時的な修正として、 update_positionメソッド内の640行目を次の場所から変更してみてください。

"top": (offset.top + dd_top) + "px",

に：

"top": (offset.top + dd_top - $(window).scrollTop()) + "px", ？

gil 2012年09月18日

@gilはい、いいえ-あなたが提供したjsfiddleは問題を示していますが、私にとっては、本体をスクロールしているときに表示されました（私の固定要素にはスクロールバーがありませんでした）。あなたのjsfiddleでは、固定要素のコンテンツをスクロールしているときに問題が発生するようですが、本文をスクロールしているときは発生しません。

ragulka 2012年09月18日

@ragulka最善の解決策ではないことはわかっていますが、ここで修正したと思います。やってみませんか？私が言ったように、行640で変更を加え、次のようにChosenを適用します。

$(".your-select").chosen({
    overflow_container: $(".your-fixed-div").add( document )
});

これは、divとdocumentスクロールを処理し、位置を修正する必要があります。

しかし、私が言ったように、ユーザーが何かをスクロールしたときに選択されたものを非表示にするために、後でこれを変更すると思います。

gil 2012年09月18日

これは選択されたバグではないかもしれませんが、chooseの代わりにselect2に切り替えたところ、回避策を実行することなく問題が解決しました。

tetherit 2012年09月22日

どうもありがとうございました。

その間にKickstrapが更新されました-https ：//github.com/ajkochanowicz/Kickstrap/blob/beta/assets/Kickstrap/apps/chosen/chosen.css。新しいブランチは素晴らしく機能しますが、KickstrapCSSに提案した変更は効果がないようです。ドロップダウン自体が表示されなくなります。何か案は？どうもありがとう。

conatus 2012年10月02日

ありがとう@gil !!! あなたのブランチ（https://github.com/gil/chosen/tree/new_version）は、この特定の問題に関する私の問題を修正しました。

aruizca 2012年11月07日

すべてのアドバイスをありがとう。ドロップダウンをBootstrapv2.1.1モーダルおよびChosenv0.9.11で機能させるために、上記の提案に若干の変更を加えました。ページをスクロールした後に.chzn-dropを再度開いたときに、.chzn-dropが正しく配置されるようにするには、小さな変更が必要でした。

これが他の人に役立つことを願っています。

CSS

.modal .chzn-container .chzn-drop {
  position:fixed;
}

Javascript

Chosen.prototype.results_show = function() {

      var self = this;

      // hide .chzn-drop when the window resizes else it will stay fixed with previous top and left coordinates
      $(window).resize(function() {
        self.results_hide();
      });

      var dd_top;
      if (!this.is_multiple) {
        this.selected_item.addClass("chzn-single-with-drop");
        if (this.result_single_selected) {
          this.result_do_highlight(this.result_single_selected);
        }
      } else if (this.max_selected_options <= this.choices) {
        this.form_field_jq.trigger("liszt:maxselected", {
          chosen: this
        });
        return false;
      }
      dd_top = this.is_multiple ? this.container.height() : this.container.height() - 1;
      this.form_field_jq.trigger("liszt:showing_dropdown", {
        chosen: this
      });

      if($('.modal.in').length) {
        // when in a modal get the scroll distance and apply to top of .chzn-drop
        var offset = this.container.offset();
        var scrolly = parseInt($(window).scrollTop(), 10);
        scrolly = scrolly < 0 ? 0 : scrolly;
        var toppy = offset.top+ dd_top - scrolly;
        this.dropdown.css({
          "top": toppy + "px",
          "left": offset.left + "px"
        });
      } else {
        // proceed as normal
        this.dropdown.css({
          "top": dd_top + "px",
          "left": 0
        });
      }

      this.results_showing = true;
      this.search_field.focus();
      this.search_field.val(this.search_field.val());
      return this.winnow_results();
    };

robmcguinness 2012年12月22日

だから私はChosen0.9.11で少し遊んでいて、Chosenで行う必要のある変更を特定しました...

ドラッグ可能でオーバーフローのある最大の高さを持つ大幅に変更されたjQueryUIダイアログ内でChosenを使用しています：スクロール。

Chosenを希望どおりに動作させるには、「。chzn-container .chzn-drop」を「 position：fixed 」に変更し、「 display：none 」を追加しました。次に、「Chosen.prototype.results_hide」で「this.dropdown.css」に「 display：none 」を追加しました。

this.dropdown.css({
    "left": "-9000px",
    "display": "none"
});

そして、「Chosen.prototype.results_show」で、「this.dropdown.css」のコンテンツを「 display：block 」に置き換えました。
.chzn-drop divの正しい位置を取得するために、jQueryUI位置関数を追加しました。

this.dropdown.css({
    "display": "block"
}).position({ my: 'left top-1', at: 'left bottom', of: this.container, collision: 'fit',  });

「Chosen.prototype.search_field_scale」で変更...

return this.dropdown.css({
    "top": dd_top + "px"
});

... に ...

return this.dropdown.position({ my: 'left top-1', at: 'left bottom', of: this.container, collision: 'fit',  });

今私は1つだけ問題が残っています：

誰かがダイアログを動かし始めたときに、選択したドロップを閉じるために、jQueryUIダイアログのドラッグイベントをリッスンする必要があります。私はすでにこれを達成しましたが、コードはかなり汚いです:-)

milaan-muc 2013年02月04日

このブランチhttps://github.com/gil/chosen/commits/new_versionからの重要な修正がGWTChosenに移植される可能性はありますか？
GWTChosenは素晴らしいです。ただし、現在の状態では、LayoutPanelsではまったく使用できません。

sillysachin 2013年05月21日

別のクラスまたは新しいクラスを追加するだけでリストがテキストフィールドの上に表示さオーバーフローの外側にリストをレンダリングする必要はありませんオーバーフロー：hiddenは、想定されていることを正確に実行するため、これを問題とは見なしません。機能がある方がいいです。ありがとう。

giulianoliker 2013年07月18日

+ 1Klikerkoの提案に。

markgibbons25 2013年07月19日

@sillysachinと同じように、私はGWTChosenを使用していますが、LayoutPanels、 overflow：hidden 、ChosenListBoxで同じ問題が

誰かがこれの修正を知っていますか？ @sillysachinここに投稿してから何か思いついたことがありますか？

事前にTnx :)

djgouze 2013年07月26日

ドロップダウンdivを親コンテナから引き出すことで、アドホックにパッチを適用しました。残念ながら、私はリリースクラッシュに圧倒されており、ここに送信する前にパッチをクリーンアップするのに時間がかかります。

sillysachin 2013年07月28日

https://github.com/tompaton/chosen/commit/3d9be332de23bfe69d53c7640e829e879e084983でのこのコミットは、それをかなりうまく修正します。それは比較的最新ですが、私はjQueryに対してのみそれを行いました。

tompaton 2013年08月07日

@robmcguinness動作するように、いくつか変更する必要がありました。ただし、バグが発生します。ドロップダウンを閉じることができない場所。

 Chosen.prototype.results_show = function() {

 this.dropdown.css({
      "display": 'block'
    });

  var dd_top;
  $(window).resize(function() {
    this.results_hide();
  });

  if (this.is_multiple && this.max_selected_options <= this.choices_count()) {
    this.form_field_jq.trigger("chosen:maxselected", {
      chosen: this
    });
    return false;
  }

  dd_top = this.is_multiple ? this.container.height() : this.container.height() - 1;
  this.container.addClass("chosen-with-drop");
  this.form_field_jq.trigger("chosen:showing_dropdown", {
    chosen: this
  });

  if($('.modal.in').length) {
    // when in a modal get the scroll distance and apply to top of .chzn-drop
    var offset = this.container.offset();
    var scrolly = parseInt($(window).scrollTop(), 10);
    scrolly = scrolly < 0 ? 0 : scrolly;
    var toppy = offset.top+ dd_top - scrolly;
    this.dropdown.css({"top": toppy + "px","left": offset.left + "px"});
  } else {
    // proceed as normal
    this.dropdown.css({
      "top": dd_top + "px",
      "left": 0
    });
  }




  this.results_showing = true;
  this.search_field.focus();
  this.search_field.val(this.search_field.val());
  return this.winnow_results();
};


Chosen.prototype.results_hide = function() {
  if (this.results_showing) {

    this.dropdown.css({
      "display": 'none'
    });

    this.result_clear_highlight();
    this.container.removeClass("chosen-with-drop");
    this.form_field_jq.trigger("chosen:hiding_dropdown", {
      chosen: this
    });
  }
  return this.results_showing = false;
};

CSSに幅を追加する必要がありました。そうしないと、サイトの幅が100％になります。

.modal .chosen-container .chosen-drop {
位置：固定;
幅：300px;
}

timothymarois 2013年11月20日

上記のコードで問題を修正することができました。バージョン1と互換性があります。ただし、私のものはそれが機能するためのリグのようなものです。しかし、これまでのところ、それは正しく機能しています。私が見る最後の問題はブラウザのサイズ変更です、現在のmodは機能しません。

timothymarois 2013年11月20日

この問題に対する可能な修正のいずれかがすぐにマスターブランチにマージされるかどうか誰かが知っていますか？これは私にとっては大きな問題です= /。

DanielHoffmann 2013年12月19日

Select2の使用に移りました...さらに多くの機能があります。

2013年12月19日木曜日午前11時24分、ダニエルホフマンベルナルデス<
[email protected]>は次のように書いています：

この問題に対する可能な修正のいずれかが行われるかどうかは誰でも知っています
すぐにマスターブランチに統合されましたか？これは私にとっては大きな問題です= /。
—
このメールに直接返信するか、Gi tHubhttps：//github.com/harvesthq/chosen/issues/86#issuecomment-30942420で表示してください
。

PilotBob 2013年12月19日

PilotBobに感謝します、選択されなくなりましたか？その場合は、ドキュメントを更新することをお勧めします。

DanielHoffmann 2013年12月19日

それは私のプロジェクトではありません。私はそれのユーザーでした。いくつかの問題が原因で
代替。

2013年12月19日木曜日午前11時53分、ダニエルホフマンベルナルデス<
[email protected]>は次のように書いています：

PilotBobに感謝します、選択されなくなりましたか？もしそうなら、あなたは望むかもしれません
ドキュメントを更新します。
—
このメールに直接返信するか、Gi tHubhttps：//github.com/harvesthq/chosen/issues/86#issuecomment-30945150で表示してください
。

PilotBob 2013年12月19日

@DanielHoffmannChosenはまだ積極的に維持されています。 Select2は、もともとChosenのフォークでしたが、それ以降、それ自体が十分に離れているためです。

選択は意図的にシンプルに保たれています。これはselectのドロップイン置換であることが意図されていたため、多くの複雑な機能や構成を回避できます。 Select2は逆のルートを取り、多くの機能と構成を追加しました。これらの哲学のどれをより重視するかはあなた次第です。

この_特定の_問題に関しては、残念ながらそれだけです。修正ではなく問題です。誰かがそれを修正するためにプルリクエストを送信した場合、それはマージの対象と見なされます。ただし、OSSは、どのメンテナの主要な仕事でもありません。彼らは、フルタイムの仕事を回避できるときに、OSSに取り組んでいます。したがって、いつものように、自分で修正したい場合は、「プルリクエストを受け入れました」。

tjschuck 2013年12月19日

この問題はいつ修正されますか？それはとても古いですが、多くのプロジェクトにとって重要です！できるだけ早く対処してください！

ありがとう！

選択したフォークには多くの修正がありますが、なぜそれらの修正の1つを使用しないのですか？

ghost 2014年04月18日

@domnulnopceaこれに対する修正を提出するPRはこれまで一度もありませんでしたが、レポートが重複しているだけです。あなたがそれを修正する考えを持っているならば、PRを送ってください。その後、確認します。現在、私はこの特定の問題を修正するフォークを知りません

stof 2014年04月18日

私はこれを修正しました。クリーンなフォークではなく、別のリポジトリに埋め込まれ、jQueryバージョンでのみです。（いいえ、私は自分自身を誇りに思っていません）

ドロップダウン要素をbody要素に追加し、ページがスクロールまたはサイズ変更されたときにその位置を絶対的に設定することで機能します。ドロップダウンがフィールドの上にあるべきか下にあるべきか、そしてそれがどれくらいの高さであるべきか（それでページによって切り取られないように）もうまくいきます。

これがマージに興味のあるものである場合（そして実際に他のフォークがない場合）、私はそれをほこりを払い、プルリクエストを作成する時間を見つけようとします。

https://gist.github.com/msaspence/11032254

msaspence 2014年04月18日

@stof https://github.com/tompaton/chosenはどうですか？

コミット： https ：

ghost 2014年04月18日

@domnulnopceaこれは、選択されたAFAIKに含めるために送信されたことはありません。フォークで行われたすべての作業を調べるために、すべてのフォークを失うことはできません。私たちは自由時間にChosenに取り組んでいるため、多くのリポジトリで何千ものコミットを調べて、彼らが何をしているかを確認することに何週間も費やすことはできません。

stof 2014年04月18日

@stof私たちはあなたの仕事にとても感謝しています。私は自分のプロジェクト（www.ubirimi.com）で使用していますが、コミットへのリンクを提供したので、これらの変更を調べて、公式に選択したリポジトリに適用していただけませんか？

どうもありがとう

ghost 2014年04月18日

直接適用できないことを考えると（コードは11か月から大幅に変更されています）、しばらく時間がかかります（また、正しく機能することを確認するためにテストする必要があります）。だから今はできない

stof 2014年04月18日

@stofそれをすることを考えてくれてありがとう！それは有り難いです！

ghost 2014年04月18日

@domnulnopceaが重要な場合は、変更を確認して、自分でプルリクエストを作成してみませんか。結局のところ、これがオープンソースの美しさです

msaspence 2014年04月18日

@msaspence私はそうしますが、私はフロントエンド開発者ではありません！私はJSやそのすべてのクライアントサイドのものにあまり慣れていません

ghost 2014年04月18日

Select2に移行したのは、AJAXデータの取得が可能だからです。あなたたちはそれを見たいかもしれません。

PilotBob 2014年04月18日

この段階で誰もがSelect2に移行したと思いますが、Chosenを使用する利点はありますか？

tetherit 2014年04月18日

私にとって、PilotBobソリューションは完璧に機能しました！

私はこれを私のコードに追加しました：

$（document）.ready（function（）{
$（ "。chzn-select"）。on（ " liszt：showing_dropdown "、function（）{
$（this）.parents（ "div"）。css（ "overflow"、 "visible"）;
}）;
}

どうもありがとうございます！！！

antcascam 2014年07月09日

問題は、オプションのリストの位置がabsoluteであり、親コンテナーを展開しないことです。私が提案する解決策は、 clear:both DOMオブジェクトを追加した後、親を展開できるため、 float: left | right変更することです。

baquiax 2014年08月01日

私はこれを（jquery-uiダイアログで使用して）cssで次のように解決しました：

#clone-budget-dialog {overflow: visible;}

grduggan 2014年09月06日

@grdugganライブラリのCSSで解決策を提案できますか？
あなたの解決策は有効だと思います。プッシュリクエストをしてください！
+1

baquiax 2014年09月06日

これまでにそれをしたことはありません。調査する必要があります。 cssにあるといいでしょう。

grduggan 2014年09月06日

選択ボックスがページの終わりに近い場合にも、同様の問題が発生します。ネイティブの選択ボックスは、ドロップダウンする代わりに開くだけでこれを解決します。なぜだめですか？

marcofognog 2014年09月22日

オーバーフロー：表示; コンテナのdivで私のために働いた！ありがとう。

clemich 2014年12月01日

floatを使用する場合、必ずしもoverflow：hiddenが必要なわけではありません。親でこれを使用して、floatをクリアすることもできます（overflow：hiddenを削除します）。

＆：前、
＆：後 {
コンテンツ： " "; // 1
表示：テーブル; // 2
}
＆：後 {
明確：両方;
}

これが、clearfixクラスがブートストラップでどのように機能するかです。

dvera123 2015年02月17日

cssを変更しました（以下を参照）。私のシナリオではうまくいくようです。

.chosen-container .chosen-drop {
位置：相対; / _コンテナのオーバーフローカットオフを回避するために絶対から変更されました_ /
上：100％;
左：-9999px;
z-index：1010;
幅：100％;
ボーダー：1px実線#aaa;
ボーダートップ：0;
背景：#fff;
ボックスシャドウ：0px 4px 5px rgba（0,0,0,0.15）;
}

.chosen-container .chosen-results {
色：＃444;
位置：相対;
オーバーフロー-x：非表示;
オーバーフロー-y：自動;
マージン：0 4px 4px 0;
パディング：0 0 0 4px;
最大高さ：200px; / _240pxから変更_ /
-webkit-オーバーフロー-スクロール：タッチ;

/*Added to clearfix because we changed the chosen-drop to a relative position*/
&:before,
&:after {
    content: " "; // 1
    display: table; // 2
}
&:after {
    clear: both;
}

}

chassq 2015年03月06日

select（およびChosen）をfieldset要素でラップすると、Webkitブラウザーで不要な効果が発生する可能性があります（つまり、親がoverflow: hidden持っている場合のカット）。
これは、webkitがデフォルトでフィールドセットにmin-width: -webkit-min-content;を追加するためです。

これは私にとって問題を解決しました：

fieldset { min-width: 0; }

sn3p 2015年04月16日

@chassqうーんあなたの解決策は私のために機能しません、..このスクリーンショットを参照してください：

私は選択された選択の周りにdivを持っています

  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;

lpsBetty 2016年04月04日

すでにposition: fixed解決策を提供してくれたすべての人に感謝します

これがソリューションのjsfiddleです（選択したCSSクラスを上書きします）：
http://jsfiddle.net/jwbL8utx/1/;）

（max-heightを使用して）下にスクロールすると、選択したものにオフセットがあります。下にスクロールして2番目に選択したものを開くと、次のようになります。

http://jsfiddle.net/jwbL8utx/2/

lpsBetty 2016年04月04日

👍2

これが私がそれを解決した方法です：

http://jsfiddle.net/0w4a4dq5/1/

この修正では、選択したメニュー自体以外の要素を変更する必要はありません。「ホバーを解除」するとメニューが再び非表示になりますが、これは私の要件によるものです。常に一番上に置きたい場合は、スクロールイベントをdivコンテナにバインドして、「

typologist 2016年06月14日

👍5

@typologist優れたソリューションをありがとうございます。
ただし、JSには2つの小さなバグがあります。
51行目では、

'top': y - $(document).scrollTop()

そうしないと、特定の条件下でポップアップが移動する可能性があります

23行目では、を使用する代わりに

$('.chosen-container')

イベントをバインドするには、を使用する方が良いと思います

$chosenSelect.next('.chosen-container')

修正する異なるchosen（）ウィジェットを使用して関数が複数回呼び出された場合に、複数のバインドを回避するため。

gradatz 2016年06月23日

👍1

選択したv1.4.2の解決策はありますか？

danhnguyeen 2016年07月15日

.chosen-container.chosen-with-drop .chosen-drop {
    position: relative;
}

AgelxNash 2016年11月10日

👍10 ❤2

overflow-y: visible

これを、レイアウトを含む親divに追加します。私の場合、それは_overflow-y：auto_を持ち、それを_overflow-y：visible_に置き換えるモーダルダイアログサブdivでした。

SaqibQhan 2016年11月18日

👍1

この問題の解決策はまだありますか？

rchaserr 2017年06月22日

このプロジェクトにはあなたの反応があります：
http://jsbin.com/finufihaji/edit?html

少し探してテストを行うことが最も基本的な解決策です。

jSerenity 2017年06月27日

すべてのオプションを選択可能で、親のdivオーバーフローディレクティブの影響を受けないようにするには、.chosen-dropと.chosen-resultsをオーバーライドし、両方に固定の高さを設定する必要がありました。

少なくともこれは私にとってはうまくいき、私の選択したフィールドのほとんどには3つまたは4つのオプションしかありません。 1つ（隠されているもの）だけが約12を持ち、近い将来成長する可能性があります。

CJX3M 2017年07月07日

オーバーフローが発生した親divに次を適用しました：hidden

.profile-content { /* Hack to stop profile-content from cropping Chosen dropdown */ padding-bottom: 100px; margin-bottom: -100px; }

出典： Stack Overflow

doowruc 2018年08月02日

👍2 🚀1 ❤1

@doowruc素晴らしいハック！

shlgug 2018年09月14日

選択したドロップダウンを特定のターゲットにアタッチして、ダイアログの代わりにドキュメントの本文にアタッチできるようにする方法はありますか？このように選択されたものはダイアログから流れ出し、ダイアログに含まれませんか？

mcarpenterjr 2019年05月20日

👍1

.ui-dialog-content{
    overflow:visible !important;
 }

私のために働いた。

GitSahib 2019年09月04日

私はまだこれに苦労していたことを知っています。これは、要素を本体に移動し、スクロールしても絶対位置を確実に設定するためのオプションを示すフィドルです。

https://jsfiddle.net/phil_ayres/gvn8bkaL/

philayres 2020年02月07日

👍2

https://github.com/R1p8p8e8r/chosen
私の解決策はあなたを助けると思います

R1p8p8e8r 2021年07月08日

Chosen: 選択されたものは、「オーバーフロー：非表示」の領域に配置されると「カット」されます。

最も参考になるコメント

全てのコメント128件

このメールに直接返信するか、GitHubで表示してください。
https://github.com/harvesthq/chosen/issues/86#issuecomment -1681303

CSS

Javascript

関連する問題

Chosen: 選択されたものは、「オーバーフロー：非表示」の領域に配置されると「カット」されます。

最も参考になるコメント

全てのコメント128件

このメールに直接返信するか、GitHubで表示してください。 https://github.com/harvesthq/chosen/issues/86#issuecomment -1681303

CSS

Javascript

関連する問題

このメールに直接返信するか、GitHubで表示してください。
https://github.com/harvesthq/chosen/issues/86#issuecomment -1681303