具有自动完成功能的下拉菜单与具有自动完成功能的其他下拉菜单或重复字段中的单选按钮重叠 [英] Dropdown with autocomplete overlaps with other dropdown with autocomplete or a radio button in a repeated field

问题描述

在WordPress网站上，我使用了一个表单插件，该表单插件已合并了选择的jQuery插件"( https://harvesthq.github.io/chosen/)".

In a WordPress website I use a form plugin which have incorporated the "chosen jQuery plugin" (https://harvesthq.github.io/chosen/)".

如果我使用表单，则我使用重复字段选项，其中包括一个具有自动完成打开功能(选定的jQuery插件)的下拉列表. 从第二次重复开始，它与下一个具有自动完成功能的下拉菜单重叠.同样，如果也与单选按钮字段相交，那么这种奇怪的行为也同样适用，只是从第二次重复开始！

If my form I use a repeated field option which have included a dropdown with autocomplete ON (the chosen jQuery plugin). From second repeat it start to overlaps with the next dropdown which have autocomplete on. The strange behavior also apply if intersect with a radio button field too, again, only starting from second repeat!

链接到表单: https://www.beclean.info/test

我做了很多CSS调查，我尝试应用z-index，溢出隐藏，位置相对但相同的情况.

I do a lot of CSS investigation, I try to apply z-index, overflow hidden, position relative but the same situation.

推荐答案

在您的.chosen-drop添加位置和z-index中将起作用

in your .chosen-drop add position and z-index it will works

.chosen-with-drop .chosen-drop{
    z-index:1000!important;
    position:static!important;
}

这篇关于具有自动完成功能的下拉菜单与具有自动完成功能的其他下拉菜单或重复字段中的单选按钮重叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！