Oracle APEX 21.2.6 IG双击编辑Popup LOV行数据左移如何解决

问题触发场景 #

• 运行环境：Oracle APEX 21.2.6
• 问题组件：Interactive Grid（交互式网格，简称IG）
• 复现路径：IG中仅Supervisor、Direct Supervisor两列设为可编辑，列类型均为Popup LOV（弹出式值列表）；双击Supervisor列单元格进入编辑状态后，输入任意字符触发Popup LOV搜索时，无论浏览器窗口宽度为多少，IG数据行都会出现整体向左偏移错位
• 未进行任何交互操作时IG界面显示完全正常

修复方案 #

方案1：内联CSS强制修正容器定位（优先推荐，无业务侵入） #

直接将以下代码添加到问题页面属性的「CSS > 内联」输入框中，保存后运行即可生效：

/* 修复APEX 21.2.6 IG Popup LOV触发时的行偏移BUG */
.a-IG-v {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
}
.a-IG-gridView .a-IG-hdr,
.a-IG-gridView .a-IG-bdy {
    left: 0 !important;
}
/* 开启冻结列时追加此规则
.a-IG-frozenCol {
    left: 0 !important;
}
*/

问题根因：APEX 21.2.6版本前端渲染逻辑存在时序BUG，Popup LOV触发搜索弹出层时，会错误给IG视图容器写入负left偏移值和transform位移属性，上述CSS通过强制覆盖这两个属性的计算值，直接阻断错位渲染逻辑。

方案2：调整Popup LOV列配置（CSS方案不生效时使用） #

如果页面存在自定义IG样式覆盖了上述CSS规则，可通过调整列配置规避问题：

• 打开对应IG的编辑页面，依次进入Supervisor、Direct Supervisor两列的属性配置面板
• 展开「值列表」属性组，将「弹出层位置」从默认的Trigger修改为Body
• 将「触发搜索的最小输入字符数」设置为1，避免刚进入编辑状态输入时弹窗渲染和单元格编辑状态切换的时序冲突
• 保存页面后清空浏览器缓存重新验证即可

验证提示 #

修复后需要清空浏览器静态资源缓存再测试，避免旧的JS/CSS缓存导致修复效果不生效。

内容的提问来源于stack exchange，提问作者cam_pdx