AutocompleteInputまたはSelectArrayInputをスクロール可能にするにはどうすればよいですか？

Question

私は、フレームAORからAutocompleteInputとSelectArrayInputを使用しており、たくさんの項目から選択したいと考えています。残念ながら、メニューが画面に正しく収まらない。

リストをスクロール可能にするにはどうすればよいですか？

ありがとうございます。

Answer 1

材質UIドキュメントに基づいて、あなたはオプションをlistStyleプロパティを渡すことができますあなたの実装に応じて

<ReferenceArrayInput label="Parts" source="partId" reference="parts" allowEmpty> 
    <AutocompleteInput optionText="name" 
     options={{ listStyle: { overflow: 'auto', maxHeight: 200}}} /> 
</ReferenceArrayInput> 

あなたはSelectManyInputと同じ振る舞いをも持つことができ：

<ReferenceArrayInput label="Parts" source="partId" reference="parts" allowEmpty> 
    <SelectManyInput optionText="name" 
     options={{ listStyle: { overflow: 'auto', maxHeight: 200}}} /> 
</ReferenceArrayInput> 

材質UIドキュメント：http://www.material-ui.com/#/components/auto-completeを その他管理者用ドキュメント：https://marmelab.com/admin-on-rest/Inputs.html#autocompleteinput

このようなもの：