模态框内嵌套多层div的表格滚动卡顿问题求助

模态框内的表格滚动时存在严重卡顿：

测试环境 #

该滚动问题在多台设备上出现，录制屏幕的设备信息如下：

• MacBook Pro 13英寸（2022款，M2芯片），系统版本Ventura 13.1
• Firefox浏览器 109.0.1
  注：此问题在Chrome浏览器中未复现

已尝试的解决方法 #

• 移除示例代码中部分CSS，但未达到预期效果；部分依赖Bootstrap框架的CSS无法移除
• 打开浏览器开发者工具时，滚动卡顿立即消失，无法通过该方式调试
• 曾怀疑与Firefox硬件加速功能相关，检查设置后未解决问题
• 发现移除表格容器的overflow-x: auto属性可解决卡顿，但该属性是表格过宽时实现横向滚动的必要设置，不能删除

可复现代码 #

已尝试编写最简代码示例但未定位到根本原因，对应的可复现代码已整理完成

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