CSS：ダイアログボックスの下部が画面の下側に広がり、クリックボタンにスクロールできない

Question

素材UIを使用して、テキスト領域を持つダイアログボックスを作成しています。しかし、十分なテキストを入力すると、ダイアログボックスが画面を越えて拡大し、ボタンを押してボトムまでスクロールできなくなります。

<div> 
    <TextField hintText="Project Name" floatingLabelText="Pitch Name"/> <div/> 
    <TextField hintText="Pitch Name" floatingLabelText="Pitch Name"/> <div/> 
    <TextField hintText="Shortcut" floatingLabelText="Shortcut"/> <div/> 
    <TextField hintText="Subject" floatingLabelText="Subject"/> <div/> 
    <TextField 
     fullWidth='true' 
     multiLine="true" 
     hintText="Pitch" 
     floatingLabelText="Pitch" 
    /> <div/> 
</div> 

は、私はこれを起動します。私は十分なテキストを入れた場合

、私はこれを取得：

ダイアログが底を越えて延びていますページ私はボタンにスクロールできません。私に許可するために入れなければならない設定がありますか？

これをどのように処理するかについてのご意見はありますか？

Answer 1

あなたが親コンテナにoverflow: autoプロパティを置く場合は、コンテンツはおそらくちょうど `オーバーフロー置く必要があるビュー