反応選択ドロップダウンコンポーネントの検索ボックスの幅を修正するにはどうすればよいですか？

Question

私の反応アプリケーションでは、反応選択ドロップダウンコンポーネントを使用しています。私は1つの奇妙な問題を発見しました。ユーザーが反応選択ドロップダウンで項目を検索するために入力を開始すると、検索テキストボックスが伸びて、そのドロップダウンリストでは固定されません。

以下の画像を参照してください。 検索テキストボックス幅を反応選択幅に固定するにはどうすればよいですか？

Answer 1

ただ、コンポーネント上

autosize={false} 

を設定します。

Answer 2

このCSSで試すことができます。

.Select-input { 
    position: absolute !important; 
    width: calc(~'100% - 0px'); 
} 

.Select-value-label { 
    display: none !important; 
} 

.Select-value { 
    position: relative !important; 
} 

.Select-menu-outer { 
    width: auto; 
    min-width: 100%; 
    text-align: left; 
} 

.Select-option { 
    white-space: nowrap; 
} 

.Select-control { 
    min-width: 100%; 
    width: auto; 
    text-align: left; 
}