2017-12-04 6 views
0

Ich benutze React Select-Modul, um eine Multi-Select-Dropbox zu konstruieren. Da ich jedoch mehr als eine Option hinzufüge, erweitert sich die Box weiter, ich möchte, dass sie fest bleibt. Welche CSS-Eigenschaft sollte ich ändern oder gibt es eine andere Möglichkeit, dies zu tun? Verweisen Sie auf die Bilder, um ein klares Verständnis zu erhalten.Mein React Multiselect erweitert sich weiter, während ich die Optionen hinzufüge

enter image description here

enter image description here

enter image description here

Meine Form Inline-Code für select:

<FormGroup 
     controlId="ChannelType" 
     > 

     <div style={this.selectwidth}> 
      <Select 
      closeOnSelect={!stayOpen} 
      multi={true} 
      onChange={this.handleChannelSelect.bind(this)} 
      options={ChannelTypes} 
      placeholder="Select" 
      removeSelected={false} 
      simpleValue 
      /> 
     </div> 
     {' '} 

     </FormGroup> 

Link für css von reagieren-select: link

+0

versuchen Einstellung 'autosize' prop zu' false' –

Antwort

0

Können Sie Ihr Gerüst teilen? Es scheint ein CSS-Problem, vielleicht hat Ihr Elternteil keine Breite eingestellt.

+0

Ich habe meine Frage aktualisiert Code enthalten –

Verwandte Themen