Google Places Autocomplete元素显示在Sweet Alert后方问题求助
解决Sweet Alert中Google Places Autocomplete下拉框被遮挡的问题
问题核心在于Google Places Autocomplete的下拉提示容器(类名pac-container)是动态生成的独立DOM元素,并非输入框的子元素,所以给输入框设置z-index无法让下拉框显示在Sweet Alert上方。
解决步骤:
- 直接为Google自动补全的容器设置更高层级的z-index,确保超过Sweet Alert弹窗的z-index:
.pac-container { z-index: 10001 !important; }
- 若仍无效,可先查看Sweet Alert弹窗的z-index(通常
swal2-container类的z-index默认是1060左右),将pac-container的z-index设为比该值更大的数即可。
内容的提问来源于stack exchange,提问作者IbrahimKose
相关产品推荐
相关产品推荐

