如何解决选择控制错位
我之前已经成功使用过 selectize.js 库。然而,在目前的情况下,我遇到了一个奇怪的视觉错误。一旦我将 <div>
<form id="login-form" autocomplete="on">
<input type="password" name="password" id="password-field" class="login-form-field" placeholder="Password Here">
<input type="submit" value="Family photoalbum" id="login-form-submit">
</form>
<br>
<div id="login-error-msg-holder">
<p id="login-error-msg"> <br>Wrong Password<br> </p>
</div>
</div>
类应用到我的 selectize
下拉菜单(绿色框),它就会得到一个奇怪的偏移量,并且显示的选项也几乎是整洁的(参见红色框)。
这是 rails 应用程序的全部内容。这是我的 HTML 代码:
select
Coffee 脚本中的 JS 代码:
.list-group.m-b-md
.list-group-item
= simple_form_for new_item,url: idea_interactions_path,remote: true do |f|
.input-group
= f.input :sprint_id,as: :hidden
= f.input :interaction_pairings,label: false,as: :select,collection: interaction_pairings(@sprint),input_html: {class: 'selectize'}
解决方法
罪魁祸首是 CSS 类 form-control
删除它解决了上述所有问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。