Chrome上でJQueryUIのトグルを展開した後にボーダーが整列しない

Question

私はコントロールをたくさん隠し始めます。 [オプション]ボタンをクリックすると、コントロールが境界線付きのドロップダウンボックスに表示されます。 Chromeでは、ボックスが展開されていると、左手の枠線が右端の枠線をボタンの位置からずらしているように見えます。 このようなドロップダウンの外観： この例のコードはhttp://jsfiddle.net/Qs2zp/を参照してください。場所に

私は左手の境界線を削除する場合は、右側の境界線が下がる は、左側の縁なし例えばhttp://jsfiddle.net/Qs2zp/1/を参照してください。

FirefoxまたはIEでこの問題を再現できません。

誰もこれまでにこのようなことを見たことがありますか？

おかげ

Answer 1

thisは受け入れますか？私が追加したCSSは#controls-titleと.options-dropdown-expandedです。私は基本的に左の詰め物をタイトルバーに設定します。ドロップダウンが展開されたときに削除されるので、左の境界線がタイトルバーを右に移動させません。ドロップダウンが拡大されたときに右端を-2px右マージンに設定して、右境界線が突き出るようにしました。