CODEWITHSUNDEEP
javascriptcssreactjssemantic-uireact-select
Ankit Vaidya
Ankit Vaidya

Reputation: 35

React-select width issue when using semantic ui

I am designing a simple form using Semantic UI and React-Select, but I am facing the issue of react-select-input field. The width of react-select not working as expected.

The complete code is on - https://codesandbox.io/s/lp59z8r8oq

Please suggest some solution.

Upvotes: 1

Views: 423

Answers (1)

Roman
Roman

Reputation: 21757

I used the following and it is working:

style={{minWidth:"2em"}}

for the following piece of the code: 

<Form.Field width={3}><Select placeholder='Options' options={options} 
    style={{minWidth:"10em"}}/></Form.Field>

Upvotes: 1

Related Questions