真正有效的解法是 lay-append-to="body" + lay-append-position="fixed" 并配合 form.render() 手动触发渲染，动态插入的 select 必须在 layer.open 的 success 回调或表格 done 回调中执行对应 form.render()，否则下拉无法正常工作。
lay-search 下拉面板被 layer 弹窗遮挡
直接改 z-index 或弹窗容器的 overflow 是最常见但最不稳的做法。原生 <select></select> 的下拉行为不受 z-index 控制，而 .layui-layer-content 设为 visible 会破坏滚动、拖拽和多弹窗叠加逻辑。
真正有效的解法只有一条路径：lay-append-to="body" + lay-append-position="fixed"，且必须配合 form.render() 手动触发渲染。
-
lay-append-to="body"把下拉 DOM 插入，彻底脱离 layer 的定位上下文 -
lay-append-position="fixed"防止页面滚动时下拉层错位（仅对body挂载有效） - 若
select是 JS 动态插入弹窗内容区（如layero.find('.layui-form').append(...)），必须在layer.open的success回调里执行form.render('select') - 如果用了
type: 2（iframe 弹窗），lay-append-to="body"指的是 iframe 内部的body，得把属性写在 iframe 页面里
表格单元格里的 lay-search 被裁剪
.layui-table-box 和 .layui-table-body 默认设了 overflow: hidden，这是故意为之——为控制列对齐和滚动行为。强行改成 visible 会导致滚动条失效、固定列错位、iOS Safari 直接禁用原生下拉。
正确做法是放弃原生 select，改用 Layui 自带的 JS 模拟下拉：
- 在
templet中写<select lay-filter="table-select" lay-search></select>，不要加lay-append-to - 表格
done回调中执行form.render('select', 'table-form-filter')（外层容器需有id="table-form-filter"） - 监听事件必须用
form.on('select(table-select)', callback)，不能绑定原生change - Layui v2.8+ 已修复 fixed 列下的定位偏移；v2.7 需手动 patch
dropdown.js的position计算逻辑
自定义搜索下拉需要异步/多选/图标等高级功能
当 lay-search 不够用，又不能接受表格裁剪或弹窗遮挡时，就得自己接管浮层。这不是“重造轮子”，而是绕过 CSS 层叠限制的必要手段。
核心不是做多炫的 UI，而是准确定位和干净销毁：
- 别用
layer.open渲染下拉——它会新建 DOM 树，脱离表格或弹窗上下文，定位计算全乱 - 用
dropdown.render()，关键参数是elem：必须传入目标td或input的原生 DOM，再用elem.getBoundingClientRect()算视口位置 - 下拉层必须加
class="layui-dropdown"，否则键盘导航、主题样式、ESC 关闭都失效 - 每次打开前先调
dropdown.close(id)，否则多个下拉共存会内存泄漏
为什么 success 里不调 form.render 就失效
这个坑很隐蔽：DOM 看似已插入，lay-append-to="body" 属性也写了，但点击后下拉仍被截断或不出现。根本原因是 Layui 的表单模块不会自动监听动态插入的 select 元素。
form.render() 不只是“刷新样式”，它会注册事件、生成面板 DOM、绑定搜索逻辑——漏掉这步，等于没注册组件。
- 如果弹窗内容来自已有节点（如
content: $('#myForm')），layer会 clone 节点并清空事件，必须在success里重新form.render() - 推荐用局部刷新：
form.render('select', 'my-form-filter')，避免影响页面其他区域的 select - Vue/React 项目中，若
select在v-if或ng-if下异步显示，得在框架的mounted或useEffect里手动调用form.render
最容易被忽略的是：表格内动态生成的 select，哪怕加了 lay-search，只要没在 done 回调里 form.render，就永远是“半残”状态——看起来能点，实际搜不了、选不上、不触发事件。
