Skip to content

fix(form): 修复表格全屏编辑时下拉选项被遮罩遮挡#674

Open
Linzsong wants to merge 1 commit intoTencent:devfrom
Linzsong:dev
Open

fix(form): 修复表格全屏编辑时下拉选项被遮罩遮挡#674
Linzsong wants to merge 1 commit intoTencent:devfrom
Linzsong:dev

Conversation

@Linzsong
Copy link
Copy Markdown
Contributor

问题描述

在表单表格(MFormTable)开启全屏编辑后,若行内为 下拉框(Select) 等依赖浮层的控件,展开选项时,选项会被全屏半透明遮罩挡住,无法正常点选。

原因说明

全屏时外层容器使用了:

:style="isFullscreen ? `z-index: ${nextZIndex()}` : ''"

nextZIndex() 写在模板表达式中,在全屏开启期间,组件每次重新渲染(如输入、增删行、表格数据更新等)都会再次执行,导致全局 z-index 不断累加,全屏层最终可能高于下拉浮层(如 Element Plus 默认约 2000),从而遮挡选项。

修改说明

  • 使用 ref 保存进入全屏时只计算一次z-index
  • 通过 watch(isFullscreen):进入全屏时调用 nextZIndex() 并赋值,退出全屏时清空。
  • 模板中 :style 改为绑定 computed,仅使用上述稳定值,避免在渲染路径中重复产生副作用。

fix: #672

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant