Dropdown gets ugly when "selection" attribute is missing.

the border is missing, there’s no minimum width for input or placeholder, etc. any quick fixes?

I’m doing something like this

       <Dropdown placeholder='Select Baskets..' search className={styles.root}>
          <Dropdown.Menu>
            { this.props.values.map((option) => 
              <Dropdown.Item key={option.value} >
                <Icon name='attention' className='right floated' />
                 {option.text}
              </Dropdown.Item>
              )}
          </Dropdown.Menu>
        </Dropdown>

[brianespinosa]

@ManuelPereira2016 technically, I think you can just add className='selection' to your Dropdown component to get the missing class and styles.

[mpereiraesaa]

How to avoid this warning where you are intentionally choosing to add selection prop and doing your own options management rendering Dropdown.Items with his owns onClick etc, because its always screaming the warning message but we are already managing our own state and data inside the Dropdown, there should be a way where you can make this appear as a select but behave like you wanted.