删除标签输入

Question

我想在我的reactjs应用程序中实现标签输入。我现在正在使用“react-select”。我希望建议向上打开而不是下拉。我已经搜索了很多东西但找不到它。有人知道任何插件或库那样做。

这是我目前正在做的事情。但它正在下降。

import Select from 'react-select';

 <form role="form" className="select-user sselect-type m-l-20 process-react-select">
                                        <div className="form-group">
                                            <label className="">Assign to</label>
                                            <Select
                                                className="my-cool-select-top"
                                                name="form-field-name"
                                                value={this.state.assignValue}
                                                options={options}
                                                onChange={this.logChange.bind(this)}
                                            />
                                        </div>

Answer 1

尝试设置vertical-align css规则：

.sselect-type { vertical-align: top; } 

确保规则已应用于您的代码，如果该代码不起作用，请尝试不要将代码放在页面顶部。

Answer 2

对于使用react-select的人来说，这是解决方案

在你的css中添加这个

 div.ReactTags__suggestions{
  top:auto !important
  bottom:100% !important

}

这将解决问题。