reactjs material-uiテキストフィールドを常にカバーするオートコンプリートをスタイルする方法

Question

オートコンプリートで少し問題があります。

APIから返されるデータが大量にあり、オートコンプリート検索バーに単語を入力すると、ドロップダウンでテキスト入力が非表示になります。

私はスタイルを上書きしようとした：

<AutoComplete 
    hintText="For example, Coca-Cola" 
    floatingLabelText="Search entities" 
    onUpdateInput={this.updateInput} 
    dataSource={autoCompleteDataSource} 
    filter={this.caseInsensitiveFilter} 
    menuStyle={styles} 
    ref="searchBox" /> 


var styles = { 
    top: '53%' 
}; 

が、これは（多分私は間違った方法でそれを上書きしようとしている？）すべてでは動作しません。

誰かがそれについて考えていますか？

多くの感謝！

Answer 1

anchorOriginを使用します。これは、自動完了のアンカーの場所です。デフォルト値は{vertical： 'bottom'、horizo​​ntal： 'left'}です。