具有自动完成功能的下拉菜单与其他具有自动完成功能的下拉菜单或重复字段中的单选按钮重叠

Dropdown with autocomplete overlaps with other dropdown with autocomplete or a radio button in a repeated field

在 WordPress 网站中,我使用了一个表单插件,其中包含 "chosen jQuery plugin" (https://harvesthq.github.io/chosen/)"。

如果我的表单使用了重复字段选项,其中包含一个自动完成开启的下拉菜单(选择的 jQuery 插件)。 从第二次重复开始,它开始与下一个具有自动完成功能的下拉菜单重叠。如果与单选按钮字段也相交,奇怪的行为也适用,同样,仅从第二次重复开始!

Link 形成:https://www.beclean.info/test

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

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

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