layui open弹窗，select下拉列表滚动条多重，覆盖

这是一个layui自身的问题，一直没有找到好的办法

这个我也遇到过，一般情况是页面上字段比较少，我一般多会让字段一列显示，然后给页面一个高度，让提交和取消按钮，在最下方。

我是这样解决的，
1.在wtm.css 加如下代码

body .to-fix-select .layui-layer-content {overflow: visible;}

2.修改framework_layui.js方法，如下图

![](/uploads/20200413/08073a8d600b572838ebc041ebc09d80.jpg)
![](/uploads/20200413/8a4737705c06f8a6b844263da733e7d3.jpg)

3.在GridAction.cs中新增该属性

public bool Fixed { get; set; }

4.在GridActionExtension.cs中添加该方法

    public static GridAction SetFix(this GridAction self, bool fix = true)
        {
            self.Fixed = fix;
            return self;
        }

5.在DataTableTagHelper.cs 中将以下代码替换为

 actionScript = $"ff.OpenDialog(tempUrl,'{Guid.NewGuid().ToNoSplitString()}','{item.DialogTitle}',{width},{height},isPost===true&&ids!==null&&ids!==undefined?{{'Ids':ids}}:undefined,{item.Max.ToString().ToLower()});";
 
 替换为
  actionScript = $"ff.OpenDialog(tempUrl,'{Guid.NewGuid().ToNoSplitString()}','{item.DialogTitle}',{width},{height},isPost===true&&ids!==null&&ids!==undefined?{{'Ids':ids}}:undefined,{item.Max.ToString().ToLower()},{item.Fixed.ToString().ToLower()});";

参考 layui 社区方式解决（暂时未发现其他影响），效果如下图：

layui 社区讨论地址

在 wtm.css 中添加代码：

.layui-layer-page .layui-layer-content {
    overflow: visible !important;
}