バックグラウンドページはスクロールしていますが、ポップアップは表示されませんModal

Question

ポップアップウィンドウの入力フォームに、リンク先のカテゴリを表示するリンクがあります。ポップアップウィンドウ（モーダル）は長いリストですが、スクロールしていません。スクロールしようとしている場合、入力フォームはスクロールしていて、ポップアップウィンドウではありません。ポップアップウィンドウが入力フォームで上に移動しています。ポップアップウィンドウをスクロールして、「件名カテゴリ」のリストを選択して選択することができます。私はこのオープンソースソフトウェアのコードを自分のローカルで使用するために修正しようとしています。

function(resultingHtml){ 
    //retrieve the dialog box 
    var $Result = $('<div></div>').html(resultingHtml); 
    var mainDialogDivision = $Result.find('div[id^=aspect_submission_ControlledVocabularyTransformer_div_vocabulary_dialog_]'); 
    $('body').append($(mainDialogDivision[0])); 
    var vocabularyDialog = $('div#aspect_submission_ControlledVocabularyTransformer_div_vocabulary_dialog_' + vocabularyIdentifier); 
        vocabularyDialog.dialog({ 
         autoOpen: true, 
         overflow: scroll, 
         height: 450, 
         width: 650, 
         modal: true, 
         title: $Result.find('title').html() 
        }); 

Answer 1

CSSを使用してこれを達成できるはずです。メインのモーダル要素にスタイルoverflow:autoを追加すると、すべてのサブジェクトカテゴリをスクロールできます。

あなたはテーマMirage（デフォルトのDSpaceテーマ）を使用していると仮定しているので、テーマのstyle.cssファイルに次のCSSを追加すると、スクロールの問題が解決するはずです：

.ui-dialog.ui-widget.ui-widget-content 
{ 
    overflow: auto 
}